程序员人生 网站导航

Wordpress 博客表情插件 Custom Smilies

栏目:WordPress时间:2014-05-28 22:36:41
wordpress正文或留言中插入表情,是不是很生动呢?也会让访客感到更有乐趣的,实现这个功能很简单,可以直接安装插件或添加代码,那么,就看看Custom Smilie这款插件吧。

 

Custom Smilies的安装使用:

  1. 下载Custom Smilies插件,解压后,上传到plugin目录;
  2. 登录wordpress后台控制面板,在plugins中找到Rustom Smilies插件,激活插件后既可使用了插件。
  3. 在“Settings”中找到“Smilies”,设置插件即可,出现如下图页面:

Custom 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>

复制代码上面,刷新一下,看是不是有表情了。

表情设置:

  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. 自定义的表情图片尺寸不要过大,图片不要过多,否则会严重影响页面美观,页面载入速度,流量等等

Custom Smilies插件下载地址:点击下载
Custom Smilies插件作者地址:点击进入

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐