JustNews主题自定义表情包教程__wordpress教程[WPCOM]

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

JustNews主题自定义表情包教程__wordpress教程[WPCOM]

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

一、创建子主题

自定义表情包需要基于子主题来完成,关于子主题的创建,可以参考我们之前分享的教程: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主题自定义表情包教程__wordpress教程[WPCOM]

五、添加/删除表情

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

添加表情

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

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

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

删除表情

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

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

阿里云企业补贴进行中: 马上申请

腾讯云限时活动1折起,即将结束: 马上收藏

同尘科技为腾讯云授权服务中心。

购买腾讯云产品享受折上折,更有现金返利:同意关联,立享优惠

本文来自投稿,不代表新手站长_郑州云淘科技有限公司立场,如若转载,请注明出处:https://www.cnzhanzhang.com/1045.html

(0)
匿名
上一篇 2021年8月25日 下午2:47
下一篇 2021年11月5日 下午5:39

相关推荐

新手站长从“心”出发,感谢16年您始终不离不弃。