WordPress中文论坛 - WordPress Chinese Forums

 找回密码
 注册
查看: 14443|回复: 42

[插件推荐] Wordpress表情插件Custom Smilies+洋葱头和兔斯基表情

[复制链接]

14

主题

245

帖子

1020

金钱

WP 大师

Rank: 7Rank: 7Rank: 7Rank: 7

积分
1005
发表于 2010-5-15 14:18:59 | 显示全部楼层 |阅读模式
本帖最后由 嘿嘿嚯嚯 于 2010-5-15 14:29 编辑

如果能在wordpress正文或留言中插入表情,是不是更生动呢?实现这个功能很简单,可以直接安装插件或添加代码,先说说插件,貌似Custom Smilie和Highslide4WP是使用最多的吧。

Custom Smilies的使用:(博主本人是菜鸟,描叙了很多,甚至是啰嗦,大虾可飘过)

1、安装不用说了吧,后台在线安装(推荐)或下载解压上传。

2、激活后,进入插件设置页面,一目了然。

3、插件默认的是读取/wp-includes/images/smilies目录中的表情,如果你没有删除smilies文件夹中图片,应该会列出几列小图标(wp默认的表情,个人觉得很丑)。乌帮图特别推荐洋葱头表情和兔斯基表情

4、将表情图片上传到/wp-includes/images/smilies文件夹中,后台刷新,将你需要用的表情设置表情代码(不要太多),代码中不要包含字符:" ' \。

5、将这段代码插入到comment.php文件中的适当位置。

  1. <?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>
复制代码

建议放在紧挨留言文本框的上面或下面。我这里的Inove主题在放在

  1. <textarea name="comment" id="comment" tabindex="4" rows="8" cols="50"></textarea>
复制代码
上面,刷新一下,看是不是有表情了。看看乌帮图的博客下的表情(直接去留言试试吧):


biaoqing.jpg

表情设置:

1、显示默认表情:不将所有表情列出,添加一个按钮来显示更多表情。

2、留言框ID:如果你的插件无法使用,比如点击表情无法插入到文本框,在这里输入留言框ID,即comment.php里<textarea中的id="...".

3、表情文件夹路径,默认是/wp-includes/images/smilies,可以更改。

4、弹出窗口高度宽度:功能不详。

5、其他设置:使用名为 comment_form 的 action,如果你的主题支持它的话。这样,你就不用手动添加代码到 comments.php 了(自己加还是好些)。

注意事项:

1、留言框ID最好是添加进去,以免出现问题,比如无法点击表情(博主出现过该问题)。

2、设置表情代码时,不要插入某些符号如" " \ 还有< >,否则会出现发表评论的时候显示的是文本(表情代码)而不是图片了(博主出现过该问题)。

3、插入代码时标签注意位置,以免破坏布局,比如表情撑出(博主出现过该问题)。

4、自定义的表情图片尺寸不要过大,图片不要过多,否则会严重影响页面美观,页面载入速度,流量等等。

PS:(小细节,博主是完美主义者)如果你定义了显示默认表情,而不是将所有表情列出,会出现more和less按钮来显示更多或更少表情,可以将其改为中文。更改插件目录下common.inc.php文件下的453、458、482行中的英文单词more,less,注意保存为utf-8编码,以免乱码。或者在这里直接下载更改过的插件。

-------------------------------------------------------------------------------------------------

这两组表情比较可爱,至少比wp默认的好吧。原来的表情大小是50x50的,放在inove主题下面会显得太大了,很不协调,而且图片过大也浪费空间流量,影响网页载入速度。我将其改成了25x25的,配合Custom Smilies或Highslide4WP插件使用起来就比较好看了。

yangcongtou.jpg

tusiji.jpg

下载的包包里有洋葱头表情33个,兔斯基表情74个。顺便把原图也发出来,大家可以根据自己的主题去修改大小。

50x50的大了点发不了附件,大家可以去我博客下载。

原文可以看这两篇文章,内有改变gif尺寸的方法:http://wubangtu.com/674http://wubangtu.com/667

custom-smilies-se.zip

108.93 KB, 下载次数: 365

兔斯基 洋葱头25x25.zip

285.08 KB, 下载次数: 532

评分

参与人数 1金钱 +10 收起 理由
tanghaiwei + 10

查看全部评分

14

主题

245

帖子

1020

金钱

WP 大师

Rank: 7Rank: 7Rank: 7Rank: 7

积分
1005
 楼主| 发表于 2010-5-15 19:41:31 | 显示全部楼层
自己顶个

1

主题

5

帖子

7

金钱

WP 新手

Rank: 1

积分
16
发表于 2010-5-16 07:04:09 | 显示全部楼层
感谢分享,今早我也弄一个玩哈哈。
兔斯基的感觉比机器猫和QQ的那个好玩多了~
www.yaoraonan.com

15

主题

395

帖子

215

金钱

WP 高手

Rank: 6Rank: 6Rank: 6

积分
735
发表于 2010-5-16 08:20:17 | 显示全部楼层
这个不错呵,网站做得也不错!

14

主题

245

帖子

1020

金钱

WP 大师

Rank: 7Rank: 7Rank: 7Rank: 7

积分
1005
 楼主| 发表于 2010-5-16 14:58:40 | 显示全部楼层
本帖最后由 嘿嘿嚯嚯 于 2010-5-16 15:05 编辑

回复 4# xiaoxiao9633


    多谢。嘿嘿·~~~~
—————————————————————————————
有个小问题大家要注意点,在插入表情时,表情代码左右默认各有一个空格,如果没空格也会出现显示的是文本而不是图片了。

14

主题

245

帖子

1020

金钱

WP 大师

Rank: 7Rank: 7Rank: 7Rank: 7

积分
1005
 楼主| 发表于 2010-5-17 22:18:54 | 显示全部楼层
没人顶自己顶了~~~

64

主题

888

帖子

2692

金钱

WP 大师

$blog = new WordPress();

Rank: 7Rank: 7Rank: 7Rank: 7

积分
2823
发表于 2010-5-18 11:48:38 | 显示全部楼层
表情不错,谢谢分享

22

主题

225

帖子

552

金钱

WP 高手

穷光蛋博主

Rank: 6Rank: 6Rank: 6

积分
673
发表于 2010-5-18 12:09:36 | 显示全部楼层
兔斯基有爱哦

19

主题

129

帖子

301

金钱

WP 老手

Rank: 3Rank: 3Rank: 3

积分
362
发表于 2010-5-18 21:30:43 | 显示全部楼层
哈哈 我看到过超级小的洋葱头表情呢

2

主题

26

帖子

20

金钱

WP 熟手

Rank: 2Rank: 2

积分
102
发表于 2010-5-18 22:10:57 | 显示全部楼层
我就是用的这个!
不错!
outman.....
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|联系我们|WordPress中文论坛 - CNWP ( 闽ICP备12016335号-11 )

GMT+8, 2018-10-24 03:59 , Processed in 0.153022 second(s), 29 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表