百度360必应搜狗淘宝本站头条
tomcat 乱码无法与服务器建立安全连接是什么意思sysv-rc-confdocker映射容器目录到宿主机internet explorer 增强的安全配置已启用
当前位置：网站首页 > 技术文章 > 正文

纯代码实现WordPress添加评论表情(心情)的教程

nanshan 2024-11-21 18:54 11 浏览 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如下：

  1. /** 等于或小于800px **/

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

  3. #cyEmoji{

  4. display: none!important;

  5. }

  6. }

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

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

相关推荐

如何为MySQL服务器和客户机启用SSL?

用户想要与MySQL服务器建立一条安全连接时，常常依赖VPN隧道或SSH隧道。不过，获得MySQL连接的另一个办法是，启用MySQL服务器上的SSL封装器(SSLwrapper)。这每一种方法各有其...

Mysql5.7 出现大量 unauthenticated user

线上环境mysql5.7突然出现大量unauthenticateduser,进mysql，showprocesslist;解决办法有：在/etc/hosts中添加客户端ip，如192.16...

MySQL 在 Windows 系统下的安装（mysql安装教程windows）

更多技术文章MySQL在Windows系统下的安装1.下载mysql和Framework链接链接：百度网盘请输入提取码提取码：6w3p双击mysql-installer-communit...

MySql5.7.21.zip绿色版安装（mysql数据库绿色版安装）

1、去网上下载满足系统要求的版本（mysql-5.7.21-winx64.zip）2、直接解压3、mysql的初始化（1）以管理员身份运行cmd，在mysql中的bin目录下shift+右键-在...

MySQL(8.0)中文全文检索 (亲测有效)

在一堆文字中找到含有关键字的应用。当然也可以用以下语句实现：SELECT*FROM<表名>WHERE<字段名>like‘%ABC%’但是它的效率太低，是全盘扫描。...

新手教程，Linux系统下MySQL的安装

看了两三个教程。终于在哔哩哔哩找到一个简单高效的教程，成功安装，up主名叫bili逍遥bili，感兴趣可以去看看。下面这个是我总结的安装方法环境：CentOS764位1.下载安装包，个人觉得在...

麒麟服务器操作系统安装 MySQL 8 实战指南

原文连接：「链接」Hello，大家好啊，今天给大家带来一篇麒麟服务器操作系统上安装MySQL8的文章，欢迎大家分享点赞，点个在看和关注吧！MySQL作为主流开源数据库之一，被广泛应用于各种业务...

用Python玩转MySQL的全攻略，从环境搭建到项目实战全解析

这是一篇关于“MySQL数据库入门实战-Python版”的教程，结合了案例实战分析，帮助初学者快速掌握如何使用Python操作MySQL数据库。一、环境准备1.安装Python访问Pytho...

安装MySQL（中标麒麟 安装mysql）

安装MySQL注意：一定要用root用户操作如下步骤；先卸载MySQL再安装1.安装包准备（1）查看MySQL是否安装rpm-qa|grepmysql（2）如果安装了MySQL，就先卸载rpm-...

Mysql最全笔记，快速入门，干货满满，爆肝

目录一、MySQL的重要性二、MySQL介绍三、软件的服务架构四、MySQL的安装五、SQL语句六、数据库相关（DDL）七、表相关八、DML相关（表中数据）九、DQL（重点）十、数据完...

MAC电脑安装MySQL操作步骤（mac安装mysqldb）

1、在官网下载MySQL：https://dev.mysql.com/downloads/mysql/根据自己的macOS版本，选择适配的MySQL版本根据自己需求选择相应的安装包，我这里选择macO...

mysql主从（mysql主从切换）

1、本章面试题什么是mysql主从，主从有什么好处什么是读写分离，有什么好处，使用mycat如何实现2、知识点2.1、课程回顾dubboORM->MVC->RPC->SOApro...

【linux学习】以MySQL为例，带你了解数据库

做运维的小伙伴在日常工作中难免需要接触到数据库，不管是MySQL，mariadb,达梦还是瀚高等其实命令都差不多，下面我就以MySQL为例带大家一起来了解下数据库。有兴趣的小伙伴不妨评论区一起交流下...

玩玩WordPress - 环境简介(0)（玩玩网络科技有限公司）

简介提到开源博客系统，一般都会直接想到WordPress！WordPress是使用PHP开发的，数据库使用的是MySQL，一般会在Linux上运行，Nginx作为前端。这时候就需要有一套LNMP（Li...

服务器常用端口都有哪些?（服务器端使用的端口号范围）

下面为大家介绍一下，服务器常用的一些默认端口，以及他们的作用：　　21：FTP服务所开放的端口，用于上传、下载文件。　　22：SSH端口，用于通过命令行模式远程连接Linux服务器或vps。　　23：...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表