给多说评论框添加自定义颜文字表情功能

自从使用多说之后一直想要一个功能就是可以自定义表情,虽然自带的表情挺多的,大概有十多个分类,但是我一个都不喜欢啊(╯-_-)╯╧╧   去官方社区提问之后给出的答复是暂时不打算开发此功能,没办法只能自己折腾。一开始看到多说自带的表情第一个是Wordpress,我一拍脑门儿,我去,FTP替换掉图像不就好了,但是替换之后发现一直是一样的,擦,F12后发现连这个分类的表情都是多说服务器上的,汗

好吧,既然这样,就只能外加一个自己的表情了,于是想到了A站匿名版的颜文字选择(事实上颜文字也是从那儿扒来的~)那么我们就开始吧——

首先编辑主题的文章页面,通常是“single.php”,在<?php get_footer ?>之前添加以下代码:

Attention 有需要当然可以修改和增加,不过相应地,下面的js也要改的不要忘了哦~还有记得在你的style.css里添加上“#emotion”的样式,不同博客布局不一样,这里贴出样式仅供参考:

 

接着,在你的主题js文件的最后添加以下js:

这里说明一下用了setTimeout是因为多说是AJAX加载评论的,所以后台设置了AJAX加载评论的话就只能设置延迟了,最好是不要使用AJAX,然后把上面代码中的定时器删掉就行了(´・ω・`)

 

这篇文章有63条评论

  1. Jrotty 2016/7/7 #1 回复TA

    多说颜表情有人已经基本弄出来个比较晚上的项目啦https://github.com/siitakechan/Duoshuo-Kaomoji

    我博客就是用的这个,可以去我博客,看看效果哈

  2. din 2016/9/9 #2 回复TA

    可以用贴吧的表情吗?

  3. ycm 2016/11/10 #3 回复TA

    交换友链啊博主

发表评论

*

List
Love
00:00