威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

WordPress 代码实现评论表情功能

WordPress在评论的时候使用一些适当的表情可以使评论变得活泼,所以现在也越来越多的博客开启了这一功能,开始很多都是通过插件来实现的,其实一段简单的代码就可以实现这个功能

博客在评论的时候使用一些适当的表情可以使评论变得活泼,所以现在也越来越多的博客开启了这一功能,开始很多都是通过插件来实现的,其实一段简单的代码就可以实现这个功能,这样就免去了调用插件里面的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 表情的路径。

本文固定链接: https://www.weisay.com/blog/wordpress-comments-smiley.html | 威言威语

您可能还会对这些文章感兴趣!

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

  1. 8楼
    岩展Google Chrome 68.0.3440.106 Windows 10 x64 Edition

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

    2018-09-09 00:05 回复
  2. 7楼

    :grin: 看了一下发现没有textarea标签,尴尬了

    2017-04-17 19:03 回复
  3. 6楼

    :?: 貌似输出不对啊 :cool: :cool:

    2016-02-26 10:33 回复
  4. 5楼

    学习了

    2014-03-09 16:00 回复
  5. 4楼

    :sad: :smile: :cry:

    2012-02-27 22:56 回复
  6. 地板
    蜗牛:Internet Explorer 9.0 Windows 7

    :roll: 不错,学习了,等会实践一下

    2011-11-18 18:19 回复
  7. 板凳
    toptpeInternet Explorer 8.0 Windows 7

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

    2011-10-03 23:57 回复
  8. 沙发

    不错的教程

    2011-09-05 21:38 回复

发表评论

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

question razz sad smile redface biggrin shock confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter