纯代码实现WordPress添加评论表情(心情)的教程
nanshan 2024-11-21 18:54 12 浏览 0 评论
前几天在Plugins栏目推荐了一款zblogPHP的评论表情（心情）插件，当时有很多网友问到WordPress有没有跟这个类似的插件。后来据了解WordPress也有一款心情评论插件，是我爱水煮鱼博主开发的，售价14.99元。本想等过段时间有空了努力把这款zblogPHP版本的心情插件变成WordPress版本，没想到龙砚庭博主那么给力，直接分享了使用畅言实验室的一个评论表情功能就搞定了。所以，今天就跟大家分享一下boke112 导航文章页添加评论表情的详细过程。
添加评论表情的过程如下：
1、到畅言官网（http://changyan.kuaizhan.com/）注册一个账号（也可以用微信登录）。
注册好账号后第一次登录需要输入一些相关信息，如网站类型、站点名称、站点网址、备案号（注册15天后未填写备案号将停止服务）、QQ等，然后点击【提交并获取代码】。
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，或其他程序建立的站点。
- 上一篇：AI写作zblog插件 AI养站最佳助手
- 下一篇：关于一些主流博客框架的介绍
相关推荐
- Linux/Unix 系统中非常常用的命令
-
Linux/Unix系统中非常常用的命令，它们是进行文件操作、文本处理、权限管理等任务的基础。下面是对这些命令的简要说明：**文件操作类：*****`ls`(list):**列出目录内容，显...
- 教你如何在Linux中删除分区(CLI篇)
-
文接上篇，继续以Ubuntu系统为例。删除分区前，急得重要数据备份！备份！备份用命令操作分区，用的最多的莫过于fdisk了，几乎所有的Linux发行版都默认带有fdisk。首先要知道的是，你想删除的分...
- 敲完就让你提桶跑路的Linux命令（敲完就让你提桶跑路的linux命令是什么）
-
不谨慎可能就会让你提桶的Linux命令！！！删除文件rm-rf该命令是删除文件或文件夹等最快的方式之一。删除后的内容很难恢复，如果删除系统文件可能会导致系统崩坏。>rm-rf/#强制...
- Log文件可以删除吗（taxukeylog文件可以删除吗）
-
Log文件（日志文件）是否可以删除取决于具体场景和文件类型。以下是详细分析和建议：一、哪些Log文件可以删除？非关键应用日志用户级应用日志：如浏览器缓存日志、游戏临时日志等，通常不影响系统运行，可定期...
- Linux 删除空目录（linux直接删除目录）
-
rmdir命令用来删除空目录。当目录不再被使用时，或者磁盘空间已到达使用限定值，就需要删除失去使用价值的目录。利用rmdir命令可以从一个目录中删除一个或多个空的子目录。该命令从一个目录中删除一个或...
- 在 Windows 11 或 10 上删除、创建和格式化分区
-
在Windows11或10上删除、创建和格式化分区假设您的现有电脑使用的是传统硬盘，但现在您想再添加一个硬盘或SSD。当然，后者将用于启动操作系统，而前者将作为纯数据存储。在成功将操作系统...
- 如何使用 Apt Clean 命令清除 APT 缓存?
-
APT（AdvancedPackageTool）是Debian系Linux发行版的包管理工具，用于处理软件包的安装、升级和依赖管理。在使用apt命令（如aptinstall、apt...
- Linux 磁盘空间不够用?5 招快速清理文件，释放 10GB 空间不是梦!
-
刚收到服务器警告：磁盘空间不足90%！装软件提示Nospaceleftondevice！连日志都写不进去，系统卡到崩溃？别慌！今天教你5个超实用的磁盘清理大招，从临时文件到无用软件一键搞定...
- Linux清空日志方法（linux怎么清理日志）
-
方法1：使用>重定向>/path/to/logfile或（需要权限时）：sudosh-c'>/var/log/logfile'方法2：使用trun...
- 如何在Eclipse中搭建Zabbix源码的调试和开发环境
-
Zabbix是一款非常优秀的企业级软件，被设计用于对数万台服务器、虚拟机和网络设备的数百万个监控项进行实时监控。Zabbix是开放源码和免费的，这就意味着当出现bug时，我们可以很方便地通过调试源码来...
- Linux操作系统之常用命令（linux操作系统之常用命令有哪些）
-
Linux操作系统一、常用命令1．系统(1)系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本dmidecode-q显示硬件系...
- 理解linux内核的vmlinuz和initrd（linux内核原理及分析）
-
Originaladdress：http://www.chenjunlu.com/2010/11/understanding-of-vmlinuz-initrd-and-system-map/1....
- Linux纯干货知识总结|面试专用（linux面试宝典）
-
学习Linux的重要性相信不用我多说大家也明白，以下是小编总结的常用Linux基础知识以及面试常问的Linux命令，希望能帮助大家更规范地理解和使用～绝对路径和相对路径绝对路径以正斜杠开始完整的文件的...
- Linux基础知识之启动流程分析（简述linux启动流程）
-
Linux系统启动原理：1.poweron开机。2.开机自检：电脑开机后首先加载BIOS（BasicInput/OutputSystem基本输入输出系统）。BIOS程序首先检查计算机能否满足运...
- Java程序员必备——Linux的面试常见问题及面试题!你知道多少?
-
一.常用命令1.编辑相关①.awkNF：字段总数NR：第几行数据FS：分隔字符②.sed-n-i直接修改4a：在第四行后添加4i：在第四行前插入1,5csting：用sting替换1到5行...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- linux 查询端口号 (58)
- docker映射容器目录到宿主机 (66)
- 杀端口 (60)
- yum更换阿里源 (62)
- internet explorer 增强的安全配置已启用 (65)
- linux自动挂载 (56)
- 禁用selinux (55)
- sysv-rc-conf (69)
- ubuntu防火墙状态查看 (64)
- windows server 2022激活密钥 (56)
- 无法与服务器建立安全连接是什么意思 (74)
- 443/80端口被占用怎么解决 (56)
- ping无法访问目标主机怎么解决 (58)
- fdatasync (59)
- 405 not allowed (56)
- 免备案虚拟主机zxhost (55)
- linux根据pid查看进程 (60)
- dhcp工具 (62)
- mysql 1045 (57)
- 宝塔远程工具 (56)
- ssh服务器拒绝了密码 请再试一次 (56)
- ubuntu卸载docker (56)
- linux查看nginx状态 (63)
- tomcat 乱码 (76)
- 2008r2激活序列号 (65)