远方的海
远方的海,WordPress,免费
2015 May 23 04 : 17

WordPress非插件添加评论表情(评论表情不显示解决方案)

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]
文章导读

WordPress添加表情可以让评论区变的更加活跃,美观,增强互动性。在Wordpress 4.2版本的更新中,因为程序更新,导致了评论框的表情不能显示,这里给出一个非插件添加表情的方案。

在Comment.php中添加代码

注意:如果之前有表情,但是失效了,请先删除以前的表情代码,再进行下面的环节。具体的可能在comment.php或者functions.php里面。

如果之前没有添加过表情,当然最好,那么直接进行下面的步骤吧!

在Comment.php中添加以下代码,代码加在什么位置呢,Sven建议大家添加在文本框的上面,即<div id="textarea">的上面就好。

<!--smilies start-->  
<div id="smiley">      
<script type="text/javascript">
/* <![CDATA[ */
    function grin(tag) {
      var myField;
      tag = ' ' + tag + ' ';
        if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') {
        myField = document.getElementById('comment');
      } else {
        return false;
      }
      if (document.selection) {
        myField.focus();
        sel = document.selection.createRange();
        sel.text = tag;
        myField.focus();
      }
      else if (myField.selectionStart || myField.selectionStart == '0') {
        var startPos = myField.selectionStart;
        var endPos = myField.selectionEnd;
        var cursorPos = startPos;
        myField.value = myField.value.substring(0, startPos)
                + tag
                + myField.value.substring(endPos, myField.value.length);
        cursorPos += tag.length;
        myField.focus();
        myField.selectionStart = cursorPos;
        myField.selectionEnd = cursorPos;
      }      else {
        myField.value += tag;
        myField.focus();
      }
    }
/* ]]> */
</script>
<a href="javascript:grin(':?:')"      ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_question.gif"  alt="" /></a>
<a href="javascript:grin(':razz:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_razz.gif"      alt="" /></a>
<a href="javascript:grin(':sad:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_sad.gif"       alt="" /></a>
<a href="javascript:grin(':evil:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_evil.gif"      alt="" /></a>
<a href="javascript:grin(':!:')"      ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_exclaim.gif"   alt="" /></a>
<a href="javascript:grin(':smile:')"  ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_smile.gif"     alt="" /></a>
<a href="javascript:grin(':oops:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_redface.gif"   alt="" /></a>
<a href="javascript:grin(':grin:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_biggrin.gif"   alt="" /></a>
<a href="javascript:grin(':eek:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_surprised.gif" alt="" /></a>
<a href="javascript:grin(':shock:')"  ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_eek.gif"       alt="" /></a>
<a href="javascript:grin(':???:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_confused.gif"  alt="" /></a>
<a href="javascript:grin(':cool:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_cool.gif"      alt="" /></a>
<a href="javascript:grin(':lol:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_lol.gif"       alt="" /></a>
<a href="javascript:grin(':mad:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_mad.gif"       alt="" /></a>
<a href="javascript:grin(':twisted:')"><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_twisted.gif"   alt="" /></a>
<a href="javascript:grin(':roll:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_rolleyes.gif"  alt="" /></a>
<a href="javascript:grin(':wink:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_wink.gif"      alt="" /></a>
<a href="javascript:grin(':idea:')"   ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_idea.gif"      alt="" /></a>
<a href="javascript:grin(':arrow:')"  ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_arrow.gif"     alt="" /></a>
<a href="javascript:grin(':neutral:')"><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_neutral.gif"   alt="" /></a>
<a href="javascript:grin(':cry:')"    ><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_cry.gif"       alt="" /></a>
<a href="javascript:grin(':mrgreen:')"><img src="<?php bloginfo('template_url'); ?>/images/smilies/icon_mrgreen.gif"   alt="" /></a>
<br />
</div>
<!--smilies from seavia-->

下载表情包

链接点击下载Sven打包好的表情包,这里是一组方块QQ表情,样式可以参考本站下面的评论框:

Wordpress非插件添加评论表情(评论表情不显示解决方案)

下载好的表情包,请放在当前使用主题的文件夹/images/smilies下,如果没有images文件夹,请自行创建。

在Functions.php中添加代码

这是最后一步了,在主题的functions.php里面添加下面的代码:放在

//添加表情功能
add_filter('smilies_src','custom_smilies_src',1,10);
function custom_smilies_src ($img_src, $img, $siteurl){
return get_bloginfo('template_directory').'/images/smilies/'.$img;
}

OK,到这里就大功告成啦!

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment


  1. xnces :

    这表情也终于正常了吧!

    2015-5-23
    • Sven水神 :

      当然正常啦

      2015-5-23