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

JustNews主题自定义表情包教程

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

一、创建子主题

自定义表情包需要基于子主题来完成,关于子主题的创建,可以参考我们之前分享的教程: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文件,找到要修改的表情文件名,改为新文件名即可,例如微笑表情的文件名如下: JustNews主题自定义表情包教程

五、添加/删除表情

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

添加表情

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

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

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

删除表情

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