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