Wordpress 博客表情插件 Custom Smilies
来源:程序员人生 发布时间:2014-05-28 22:36:41 阅读次数:3249次
wordpress正文或留言中插入表情,是不是很生动呢?也会让访客感到更有乐趣的,实现这个功能很简单,可以直接安装插件或添加代码,那么,就看看Custom Smilie这款插件吧。
Custom Smilies的安装使用:
- 下载Custom Smilies插件,解压后,上传到plugin目录;
- 登录wordpress后台控制面板,在plugins中找到Rustom Smilies插件,激活插件后既可使用了插件。
- 在“Settings”中找到“Smilies”,设置插件即可,出现如下图页面:
插件默认的是读取/wp-includes/images/smilies目录中的表情,如果你没有删除smilies文件夹中图片,会列如上图所示的几列小图标,wp默认的表情有点小丑。
网上有很多的表情包,你可以下载下来试试,博客表情大全,里面的表情就非常的不错(点击下载),下载之后,将表情图片上传到/wp-includes/images/smilies文件夹中,后台刷新,将你需要用的表情设置表情代码(不要太多),代码中不要包含字符:" ' 。
将这段代码插入到comment.php文件中的适当位置。
<?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>
建议放在紧挨留言文本框的上面或下面。
<textarea name="comment" id="comment" tabindex="4" rows="8" cols="50"></textarea>
复制代码上面,刷新一下,看是不是有表情了。
表情设置:
- 显示默认表情:不将所有表情列出,添加一个按钮来显示更多表情。
- 留言框ID:如果你的插件无法使用,比如点击表情无法插入到文本框,在这里输入留言框ID,即comment.php里<textarea中的id="...".
- 表情文件夹路径,默认是/wp-includes/images/smilies,可以更改。
- 弹出窗口高度宽度:功能不详。
- 其他设置:使用名为 comment_form 的 action,如果你的主题支持它的话。这样,你就不用手动添加代码到 comments.php 了(自己加还是好些)。
注意事项:
- 留言框ID最好是添加进去,以免出现问题,比如无法点击表情(博主出现过该问题)。
- 设置表情代码时,不要插入某些符号如" " 还有< >,否则会出现发表评论的时候显示的是文本(表情代码)而不是图片了(博主出现过该问题)。
- 插入代码时标签注意位置,以免破坏布局,比如表情撑出(博主出现过该问题)。
- 自定义的表情图片尺寸不要过大,图片不要过多,否则会严重影响页面美观,页面载入速度,流量等等
Custom Smilies插件下载地址:点击下载
Custom Smilies插件作者地址:点击进入
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠