JustNews主题自定义表情包教程

JustNews主题自6.4.0版本开始新增了表情功能，可在评论、私信里面添加表情。由于JustNews主题是商业程序，在表情资源的选择上我们需要考虑商用版权的问题，所以无法使用像QQ表情这种国民级的表情包，最后我们使用了开源项目twemoji里面的表情图片。

同时对于自定义表情包以及扩展现有表情包的需求，我们也提供了子主题的支持，下面简单介绍下如何自定义表情包。

一、创建子主题

自定义表情包需要基于子主题来完成，关于子主题的创建，可以参考我们之前分享的教程：https://www.wpcom.cn/help/8.html

二、创建存放目录

在上面创建的子主题目录下创建以下目录：

1. 表情包图片存放的目录：images/smilies；
2. 表情配置文件存放目录:js

三、复制表情文件

1. 复制主题themer/assets/js/smilies.json文件到子主题js目录；
2. 复制主题themer/assets/images/smilies目录下的表情图片到子主题images/smilies目录；

四、替换表情图片

如需替换某个表情图片，可以直接替换子主题images/smilies目录下的文件，保持文件名一致即可，如果文件名变化（或者格式不一样），则使用代码编辑工具（Sublime Text 、notepad++）编辑子主题js/smilies.json文件，找到要修改的表情文件名，改为新文件名即可，例如微笑表情的文件名如下：

五、添加/删除表情

如需添加或者删除表情，则编辑子主题js/smilies.json文件。

添加表情

smilies.json文件配置信息是按表情显示顺序排列的，所以先找到表情需要添加的位置，然后插入对应表情的配置信息，单个表情的配置信息格式如下：

{
    "name": "表情名称",
    "file": "表情文件名"
}

表情文件名对应的表情文件请存放到子主题images/smilies目录。如果表情不是最后一个，请记得在后面的大括号后面加上英文的逗号,，具体参考已有配置信息格式。

删除表情

如果希望删除某个表情，则直接在子主题js/smilies.json文件里面找到表情的配置信息删除即可。

内容没看懂？ 不太想学习？想快速解决？ 有偿解决： 联系专家