当前位置: 首页 > wordpress分享 > 正文

非插件实现wordpress博客自定义评论表情

wordpress添加评论表情,wordpress是自带评论表情的。但是自带的不是很好看,最关键是引用的emjo表情,在国内一般显示非常慢,或者不显示,造成wordpress加载过慢,下面我们说一下自定义wordpress评论表情。

效果如下:

wordpress自定义表情

wordpress第一步,把表情资源添加到你当前主题images目录下!

表情包下载》》360网盘 访问密码 90c2

第二步:把解压的smiley.php文件上传至你当前主题的根目录!

第三步:在你主题的评论模板comments.php合适位置添加一下代码,一般添加到留言评论框的上边或下边,在comments.php搜索<textarea 字符串,在它的上面或下面添加,就是在评论框的上面或下面添加:

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

 

第四步:重新自定义表情路径,以下代码添加到主题functions.php文件中!

  1. //自定义表情路径
  2. add_filter('smilies_src','custom_smilies_src',1,10);
  3. function custom_smilies_src ($img_src$img$siteurl){return get_bloginfo('template_directory').'/images/smilies/'.$img;}

 

第五步:新旧版表情名称转换!以下代码同样添加到functions.php文件中!

  1. //转换新旧表情名称
  2. function smilies_reset() {
  3. global $wpsmiliestrans$wp_smiliessearch;
  4. // don't bother setting up smilies if they are disabled
  5. if ( !get_option( 'use_smilies' ) )
  6.     return;
  7.     $wpsmiliestrans = array(
  8.     ':mrgreen:' => 'icon_mrgreen.gif',
  9.     ':neutral:' => 'icon_neutral.gif',
  10.     ':twisted:' => 'icon_twisted.gif',
  11.       ':arrow:' => 'icon_arrow.gif',
  12.       ':shock:' => 'icon_eek.gif',
  13.       ':smile:' => 'icon_smile.gif',
  14.         ':???:' => 'icon_confused.gif',
  15.        ':cool:' => 'icon_cool.gif',
  16.        ':evil:' => 'icon_evil.gif',
  17.        ':grin:' => 'icon_biggrin.gif',
  18.        ':idea:' => 'icon_idea.gif',
  19.        ':oops:' => 'icon_redface.gif',
  20.        ':razz:' => 'icon_razz.gif',
  21.        ':roll:' => 'icon_rolleyes.gif',
  22.        ':wink:' => 'icon_wink.gif',
  23.         ':cry:' => 'icon_cry.gif',
  24.         ':eek:' => 'icon_surprised.gif',
  25.         ':lol:' => 'icon_lol.gif',
  26.         ':mad:' => 'icon_mad.gif',
  27.         ':sad:' => 'icon_sad.gif',
  28.           '8-)' => 'icon_cool.gif',
  29.           '8-O' => 'icon_eek.gif',
  30.           ':-(' => 'icon_sad.gif',
  31.           ':-)' => 'icon_smile.gif',
  32.           ':-?' => 'icon_confused.gif',
  33.           ':-D' => 'icon_biggrin.gif',
  34.           ':-P' => 'icon_razz.gif',
  35.           ':-o' => 'icon_surprised.gif',
  36.           ':-x' => 'icon_mad.gif',
  37.           ':-|' => 'icon_neutral.gif',
  38.           ';-)' => 'icon_wink.gif',
  39.     // This one transformation breaks regular text with frequency.
  40.     //     '8)' => 'icon_cool.gif',
  41.            '8O' => 'icon_eek.gif',
  42.            ':(' => 'icon_sad.gif',
  43.            ':)' => 'icon_smile.gif',
  44.            ':?' => 'icon_confused.gif',
  45.            ':D' => 'icon_biggrin.gif',
  46.            ':P' => 'icon_razz.gif',
  47.            ':o' => 'icon_surprised.gif',
  48.            ':x' => 'icon_mad.gif',
  49.            ':|' => 'icon_neutral.gif',
  50.            ';)' => 'icon_wink.gif',
  51.           ':!:' => 'icon_exclaim.gif',
  52.           ':?:' => 'icon_question.gif',
  53.     );
  54. }
  55. smilies_reset();

这样,你的wordpress博客非插件添加了自定义表情了!后台别忘了开启转换如:-)、:-P等文本表情符号为图像!

本文固定链接: https://www.ziyouwu.com/archives/1073.html | 自由屋博客www.ziyouwu.com|wordpress建站技巧分享

非插件实现wordpress博客自定义评论表情:目前有1 条留言

  1. :razz: 表情测试

    2015-11-30 下午2:48 天津市 电信 [回复]

发表评论

5 + 3 = ?


快捷键:Ctrl+Enter