教程开始
首先我们要准备好表情包图片
资源附件:
替换原主题自带表情包(没有请忽略此步骤),请将表情上传到您的主题目录下的 img/images 目录中。如果目录不存在,请新建一个。请注意,这里以知更鸟主题 5.2 为例,并提供了一个压缩包,请解压后使用。如果您使用的是主题自带的表情包,请忽略此步骤。
代码修改
我们将以下代码添加到functions.php中
注意:请根据你自己的情况修改代码中的表情地址(img/smilies)和表情名称。
完成以上操作后,我们可以在后台编辑器上方看到一个“添加表情”的按钮。这样,我们就可以成功地在文章中使用表情啦!😀
但是你可能会发现,现在发布表情时,表情会单独占用一行,而且有时候表情看起来很小,不是原来的大小。这就需要我们再加把力了,修改一下 CSS。
添加 CSS 代码
将以下代码添加到style.css中
这样就完成了!
如果您的博客没有出现以下问题请忽略以下内容!
如果在添加完成之后我们发现在编辑器中的表情过小,这个时候我们就要继续修改我们的代码了!
② 将第一段 functions 代码中第 14 行里面的“absolute;top: 60px;width: 380px”修改为“absolute;top: 60px;width: 620px”,拉长表情包边框,实现同一行显示。
这样就能愉快的使用表情编辑文章了。
本文章已结束,如转载请注明:汇站网 » 如何在 WordPress 文章中插入表情符号