如果能在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();} ?–> |
建议放在紧挨留言文本框的上面或下面。
刷新一下,看是不是有表情了。看看乌帮图的博客下的表情(直接去留言试试吧):
表情设置:
1、显示默认表情:不将所有表情列出,添加一个按钮来显示更多表情。
2、留言框ID:如果你的插件无法使用,比如点击表情无法插入到文本框,在这里输入留言框ID,即comment.php里 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编码,以免乱码。或者在这里直接下载更改过的插件。