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

WordPress 代码实现评论表情功能

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 表情的路径。

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

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

  1. 岩展
    8楼
    岩展:Google Chrome 68.0.3440.106 Windows 10

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

    2018-09-09 00:05 回复
  2. 吾爱御宅网
    7楼
    吾爱御宅网:Google Chrome 59.0.3067.6 Windows 10

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

    2017-04-17 19:03 回复
  3. 一段佳能
    6楼
    一段佳能:Opera 34.0.2036.50 Windows 7

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

    2016-02-26 10:33 回复
  4. 小二苘
    5楼
    小二苘:Google Chrome 21.0.1180.89 Windows 7

    学习了

    2014-03-09 16:00 回复
  5. 设计梦
    4楼
    设计梦:Internet Explorer 9.0 Windows 7

    :sad: :smile: :cry:

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

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

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

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

    2011-10-03 23:57 回复
  8. 蓝秋枫
    沙发
    蓝秋枫:Google Chrome 13.0.782.220 Windows 7

    不错的教程

    2011-09-05 21:38 回复

发表评论

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

gravatar

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