^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

xiu主题添加QQ评论表情

1、将下面代码保存到 smiley.php 文件中,注意编码格式为 utf-8,然后上传到主题文件夹下。

<script type="text/javascript" language="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 = endPos;   
            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>   
<div id="smilelink">   
<a onclick="javascript:grin('::')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_question.gif" title="疑问" alt="疑问" /></a>   
<a onclick="javascript:grin(':sad:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_sad.gif" title="伤心" alt="伤心" /></a>   
<a onclick="javascript:grin(':evil:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_evil.gif" title="抠鼻" alt="抠鼻" /></a>   
<a onclick="javascript:grin(':oops:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_redface.gif" title="可爱" alt="可爱" /></a>   
<a onclick="javascript:grin(':grin:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_biggrin.gif" title="奸笑" alt="奸笑" /></a>   
<a onclick="javascript:grin(':eek:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_surprised.gif" title="震惊" alt="震惊" /></a>   
<a onclick="javascript:grin(':shock:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_eek.gif" title="吓到了" alt="吓到了" /></a>   
<a onclick="javascript:grin('::')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_confused.gif" title="撇嘴" alt="撇嘴" /></a>   
<a onclick="javascript:grin(':cool:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_cool.gif" title="酷" alt="酷" /></a> 
<a onclick="javascript:grin(':twisted:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_twisted.gif" title="狂怒" alt="狂怒" /></a>   
<a onclick="javascript:grin(':wink:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_wink.gif" title="鼓掌" alt="鼓掌" /></a>   
<a onclick="javascript:grin(':arrow:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_arrow.gif" title="⊙﹏⊙b 汗" alt="⊙﹏⊙b 汗" /></a>   
<a onclick="javascript:grin(':neutral:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_neutral.gif" title="鄙视" alt="鄙视" /></a>   
<a onclick="javascript:grin(':mrgreen:')"><img src="/wp-content/themes/xiu2.1/images/smilies/icon_mrgreen.gif" title="嘿黑" alt="嘿黑" /></a>   
</div>

注意:如果你重新命名过主题文件夹,需要将上述代码中的主题文件夹名 xiu2.1修改为你自己的主题文件夹名

2、修改主题文件夹comment.php,找到下面代码

<!-- <span data-type="comment-insert-smilie" class="muted comt-smilie"><i class="icon-thumbs-up icon12"></i> 表情</span> -->

替换为:

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

3、QQ 表情包下载和上传

QQ 表情包百度网盘下载

使用方法:先删除主题文件images/smilies文件夹下的所有表情,然后将下载好的表情包解压,将解压后的所有表情上传到主题文件images/smilies文件夹下即可。

2017-9-2 日更新:

wordpress 4.2 新增了 emoji 表情,但由于 emoji 表情是调用的被墙的外部链接,导致表情无法显示。我们需要禁用掉 wordpress 自带的 emoji 表情,并调用自定义的表情。

下载文件 patch_to_4.2.php,放到 xiu 主题根目录,然后在 functions.php 中调用该文件即可。

include("patch_to_4.2.php");
你的二维码名字
此处内容已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“mxyblog”微信公众号,回复关键字“92wp”,获取验证码。【友情提醒】用微信扫描右侧二维码即可关注哦!
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 6

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 赵三狗游客
    签到成功!签到时间:下午3:37:10,陌小雨,你很棒!一起加油哦哦~回复
  2. 助推博客
    :eek: :eek: 评论之后需要刷新才能显示出来?回复
  3. 助推博客
    :mrgreen: :mrgreen: 我试试回复
  4. 4inlove
    只把原主题这个注释删掉不行吗,没法启用原主题的表情么?回复
  5. AEZO · 部落阁
    :mrgreen: 不错,也加到网站上去回复
  6. Han
    :cool: 简直太炫酷!回复

登录

忘记密码 ?

切换登录

注册