WordPress表情插件Custom Smilies+洋葱头和兔斯基表情

如果能在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>

上面,刷新一下,看是不是有表情了。看看乌帮图的博客下的表情(直接去留言试试吧):

表情设置:

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默认的好吧。原来的表情大小是50×50的,放在inove主 题下面会显得太大了,很不协调,而且图片过大也浪费空间流量,影响网页载入速度。我将其改成了25×25的,配合Custom Smilies或Highslide4WP插件使用起来就比较好看了。

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

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

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

下载地址

兔斯基_洋葱头25×25.zip

http://u.115.com/file/f89a971862

custom-smilies-se.zip

http://u.115.com/file/f8fad49100

1 评论

  1. 请问如何修改这个插件里面的代码使产生如下效果:当鼠标停留在表情图片上的时候显示类似于“汗”、“可怜”、“吃惊”之类的表情描述?

发表评论

电子邮件地址不会被公开。 必填项已用*标注