WordPress 代码实现评论表情功能

William2007-08-20 16:30设计14,278次浏览12条评论

扫一扫手机看

博客在评论的时候使用一些适当的表情可以使评论变得活泼，所以现在也越来越多的博客开启了这一功能，开始很多都是通过插件来实现的，其实一段简单的代码就可以实现这个功能，这样就免去了调用插件里面的js，这样速度会快很多，基本不影响 WordPress 的载入速度。

步骤：

1、点此（下载）smiley.rar，将其解压缩并上传至主题所以文件夹下。

2、在 comments.php 的 textarea 之前的适当位置加入以下代码：

<?php include(TEMPLATEPATH . '/smiley.php'); ?>

简简单单两步就这样代替了 wp-grins 插件，效果可以见我的留言框上一排表情符。

============================================

下面来点升级，默认的WordPress表情是非常的丑的，所以我们希望自定义表情，最傻瓜式的方法的就是一个一个的替换原来的表情，当然这就有个弊端，升级WordPress之后又被替换回来了。

其实 WordPress 已经给我们预留了表情路径的钩子，我们完全可以在主题的函数中自定义这个路径，而不必大费周章去覆盖替换原表情图片。方法很简单，在 WordPress 主题的 functions.php 文件中加入以下代码就可以了：


add_filter('smilies_src','custom_smilies_src',1,10);
 function custom_smilies_src ($img_src, $img, $siteurl){
     return get_bloginfo('template_directory').'/includes/smiley/'.$img;
 }

从以上代码中可以看出，我的表情图片是放在主题目录的 includes/smiley 中，这样可以更方便地随自己的主题进行管理，当然以上只是修改 WordPress 表情的路径。

赏

【上一篇】下载Visual.C++ 6.0.with.SP6.大企业集成安装版
【下一篇】FreeFileSync 强大的文件夹比较和同步工具

WordPress 代码实现评论表情功能：目前有 12 条评论

8楼
岩展：

comments.php 中没有 textarea怎么办啊，大佬，受教了，希望您可以在百忙之中给与解答，真的感谢！！

2018-09-09 00:05 回复
7楼
吾爱御宅网：

看了一下发现没有textarea标签，尴尬了

2017-04-17 19:03 回复
6楼
一段佳能：

貌似输出不对啊

2016-02-26 10:33 回复
- 梦忻屋：
  
  @一段佳能哪里都有你
  
  2016-02-29 21:16 回复
- William博主：
  
  @一段佳能我一直就用的这种方法，看看是不是表情路径的问题。
  
  2016-03-08 16:36 回复
  - 一段佳能：
    
    @William我现在是有表情了，但是非要得刷新页面后才会显示出来，不知道什么原因。
    
    2016-03-09 08:33 回复
    - William博主：
      
      @一段佳能打开看了一下很正常，有个滚动加载的效果而已。
      
      2016-03-12 21:39 回复
5楼
小二苘：

学习了

2014-03-09 16:00 回复
4楼
设计梦：

2012-02-27 22:56 回复
地板
蜗牛：

不错，学习了，等会实践一下

2011-11-18 18:19 回复
板凳
toptpe：

我发现comments.php 中没有 textarea 啊，请问该如何办好啊

2011-10-03 23:57 回复
沙发
蓝秋枫：

不错的教程

2011-09-05 21:38 回复