添加评论表情的过程如下:

1、到畅言官网(http://changyan.kuaizhan.com/)注册一个账号(也可以用微信登录)。

注册好账号后第一次登录须要输入一些干系信息,如网站类型、站点名称、站点网址、备案号(注册15天后未填写备案号将停滞做事)、QQ等,然后点击【提交并获取代码】。

php表情代码纯代码实现WordPress添加评论脸色心境的教程 Docker

2、由于我们不想要畅言的评论等其他功能,只想要它的评论表情功能,以是我们直接点击【实验室】,然后不才方点击【评论表情】。

3、在【评论表情】页面,直接拉到底进行干系信息配置,由于本站没有利用畅言评论,以是配置信息中的“追加评论、评论预设笔墨、字体颜色”都不勾选,而且这些表情有了抖动效果觉得比较好,以是“关闭抖动效果”也不要勾选,详细如下图所示:

接着,我们点击“已选表情”最右侧的【修正】按钮进行表情选择,彷佛大家默认都是选择5个表情,这里就参考站长之家来选择,选好表情好分别点击【确定选择】按钮和【保存设置】按钮。
PS:彷佛这些图片都是自适应的,以是图片宽度设置建议留空即可。

主要提示:成功添加评论表情后,这些表情的排序是根据我们勾选的先后顺序进行排序的。

4、保存好配置信息后,往上拖动找到通用代码,然后点击右下角的【复制代码】按钮进行代码复制。
PS:这里我们可以删除一些不必要的信息的,只保留div和script那两行代码即可。

5、我们一样平常都是把这些表情放在文章的末了面,比如本站就直接将通用代码放在正文底部的广告位上,详细效果见下图:

实在详细放置在那个位置,没有统一的标准,自己看着顺眼就行,个人建议直接放在文章页的广告位上面,方便管理。

温馨提示:

1、这个评论表情是调用畅言的干系数据,觉得就好比多说一样,这些评论数据彷佛是不存在我们真实的数据库中的,如果畅言出故障了,我们这些评论表情数据有可能会丢失。
不过这个情形该当很少会涌现,毕竟连站长之家也是利用这个畅言的评论心情。

2、由于这个评论表情的CSS是调用畅言的,以是我们如果要修正这个评论心情的干系CSS,建议在后面添加上!important,要不然我们添加的CSS就不会生效。

3、屏幕小于800px旁边(以本站为例),评论表情或错位,以是建议在我们的CSS文件加上一个判断,如果小于800px,那么将不显示这些评论表情,详细CSS如下:

/ 即是或小于800px /

@media screen and (max-width: 800px) {

#cyEmoji{

display: none!important;

}

}

至于是小于800还是600,这个由大家根据自己的实际情形进行调度,如为600,则只须要将上面的CSS文件的800改为600即可。

4、这个添加评论表情的方法不单单适用于WordPress,同样适用于zblogPHP、zblogASP,或其他程序建立的站点。