此教程比较复杂，所以跟着我的步骤一步步走，这样才可以实现我们的自定义表情包哦，首先子比商城更新之后我们只改/wp-content/themes/zibll/inc/functions/functions.php这个文件，新版和旧版只改这个文件，其他的正常部署就行！

旧版教程

定位：/wp-content/themes/zibll/inc/functions/functions.php文件里面，然后搜“表情”，如下图

接下来就是我们把你想要加入的表情包名称像这样添加在里面，如下图

如上图，design就是分类相当于评论区的分类然后suffix是格式如：gif、png（png不行）等等表情包格式，我这里设置的全部都gif格式的，那么你也可以设置gif，那我就以gif的教程分享，如下代码就是图上代码，替换你自带的

上面的代码记得复制全，可能我截图不全，但是我代码是全的，替换你的就行，然后我们进行下一步

新版教程

定位：/wp-content/themes/zibll/inc/functions/functions.php文件里面，然后搜“表情”，如下图

我们直接替换上图的圈住的代码即可，因为这个版本子比用了case做的，直接替换我下面的代码即可！

接下来我们定位：/wp-content/themes/zibll/img/smilies文件里面，如下图，可以看到我是每个分类一个文件夹，因为他文件夹是对应每个表情包的，所以我的方法是这样，你要是有其他更好的也可以！

那么这三个文件夹就是三个分类的表情包，后面我会打包给你们，然后我们进行下一步，下一步就是非常的这样，跟着我的步骤走就行！

定位：/wp-content/themes/zibll/inc/functions/message/class/message-class.php文件里面，然后搜代码

<img class="smilie-icon" src="'

如下图删掉后面的gif，注意看我注释说的！

为什么要删这个gif呢，那么我来告诉你，这个是你私信的表情包，就是后缀多了gif，

然后我们继续删掉gif，继续定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php文件

然后我们还是搜刚才的代码，如下图还是删掉gif就可以了！

为什么要删这个gif呢，那么我来告诉你，这个是你评论区的表情包，就是后缀多了gif！

教程就到这里了，附件在下面，你上传到/wp-content/themes/zibll/img/smilies里面就可以，让他变成分类表情包

哦，忘了，最后记得将下面的css放到：子比主题–>>自定义CSS样式即可，你也可以不加，因为这个css是调整表情包一行显示5个样式，你也可以不放，我觉得放上去比较美观

本教程转载之腾飞博客