当前位置: 首页 > 设计 > 正文
avatar

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

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

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

  1. avatar
    8楼
    吾爱御宅网 Google Chrome Windows

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

    2017-04-17 19:03 [回复]
  2. avatar
    7楼
    sockite 猎豹浏览器 Windows

    :?: :shock: :cool:

    2017-04-16 00:47 [回复]
  3. avatar
    6楼
    一段佳能 Opera Next浏览器 Windows

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

    2016-02-26 10:33 [回复]
    • 哪里都有你

      2016-02-29 21:16 [回复]
    • avatar
      William Mozilla Firefox Windows

      我一直就用的这种方法,看看是不是表情路径的问题。

      2016-03-08 16:36 [回复]
      • 我现在是有表情了,但是非要得刷新页面后才会显示出来,不知道什么原因。

        2016-03-09 08:33 [回复]
        • avatar
          William Mozilla Firefox Windows

          打开看了一下很正常,有个滚动加载的效果而已。

          2016-03-12 21:39 [回复]
  4. avatar
    5楼
    小二苘 Google Chrome Windows

    学习了

    2014-03-09 16:00 [回复]
  5. avatar
    4楼
    设计梦 Internet Explorer Windows

    :sad: :smile: :cry:

    2012-02-27 22:56 [回复]
  6. avatar
    地板
    蜗牛 Internet Explorer Windows

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

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

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

    2011-10-03 23:57 [回复]
  8. avatar
    沙发
    蓝秋枫 Google Chrome Windows

    不错的教程

    2011-09-05 21:38 [回复]

发表评论

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

快捷键:Ctrl+Enter