JustNews主題6.4.0版本開始新增了表情功能,可在評論、私信里面添加表情。由于JustNews主題是商業(yè)程序,在表情資源的選擇上我們需要考慮商用版權(quán)的問題,所以無法使用像QQ表情這種國民級的表情包,最后我們使用了開源項目twemoji里面的表情圖片。

JustNews主題自定義表情包教程

同時對于自定義表情包以及擴展現(xiàn)有表情包的需求,我們也提供了子主題的支持,下面簡單介紹下如何自定義表情包。

一、創(chuàng)建子主題

自定義表情包需要基于子主題來完成,關(guān)于子主題的創(chuàng)建,可以參考我們之前分享的教程:http://www.air-home.cn/help/8.html

二、創(chuàng)建存放目錄

在上面創(chuàng)建的子主題目錄下創(chuàng)建以下目錄:

  1. 表情包圖片存放的目錄:images/smilies;
  2. 表情配置文件存放目錄:js

三、復(fù)制表情文件

  1. 復(fù)制主題themer/assets/js/smilies.json文件到子主題js目錄;
  2. 復(fù)制主題themer/assets/images/smilies目錄下的表情圖片到子主題images/smilies目錄;

四、替換表情圖片

如需替換某個表情圖片,可以直接替換子主題images/smilies目錄下的文件,保持文件名一致即可,如果文件名變化(或者格式不一樣),則使用代碼編輯工具(Sublime Text 、notepad++)編輯子主題js/smilies.json文件,找到要修改的表情文件名,改為新文件名即可,例如微笑表情的文件名如下: JustNews主題自定義表情包教程

五、添加/刪除表情

如需添加或者刪除表情,則編輯子主題js/smilies.json文件。

添加表情

smilies.json文件配置信息是按表情顯示順序排列的,所以先找到表情需要添加的位置,然后插入對應(yīng)表情的配置信息,單個表情的配置信息格式如下:

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

表情文件名對應(yīng)的表情文件請存放到子主題images/smilies目錄。如果表情不是最后一個,請記得在后面的大括號后面加上英文的逗號,,具體參考已有配置信息格式。

刪除表情

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