WordPress DIY (1)——WP如何自定义表情文件？

在我自己的博客上线了快半年的时间，在使用WP的过程当中，逐渐掌握了一些技巧和方法，为此，做出了这个系列的文章供大家参考。

(所有文章均为我自己的使用经验，不喜请绕行，有观点可以提出来交流讨论，请勿做口水战，谢谢合作！)

关于为什么不从最基础的安装然后一步一步讲呢？

cause 从安装开始讲的文章太多了，我就不再赘述了，免得被人拍砖，说老讲一些大家都会的东西。这个理由还不错吧。

好了，言归正传，本篇文章主要是讲如何在WP中自定义表情。

众所周知，wp自带回复表情非常小，而且没有任何特色，所有安装wp的博客站点都是这样的，完全体现不出来自己站点的特点。

表情文件是在你使用的主题文件下的wp-contents/themes/你的主题/include/smiley.php，然后里面会定义一些图片的路径，和短标签，比如输入:)会出现笑脸等功能。

修改方法

1.准备一套表情图片，为了方便写代码期间，我是按照数字升序排他们的名字。将图片放在smilies文件夹中。

2.将该文件夹上传到空间 /wp-includes/images/  下，如果你不想覆盖以前的文件夹包括文件，请自己改名。

3.打开smiley.php，找到

</script>
<div id=”smilelink”>位置，然后根据自己的图片位置改代码。

解释下代码的意思：

<a onclick=”javascript:grin(‘:smile:’)”><img src=”/wp-includes/images/smilies/1.gif” title=”微笑” alt=”微笑” /></a>

点击使用短标签JS，输入:smile:，就会出现该路径下的图片/wp-includes/images/smilies/1.gif，后面的为鼠标放在图片上面显示的文字。

为方便大家使用，分享一下我自己使用的QQ签到表情，图片文件为一个一个图片从QQ中另存为出来的，都为gif动画，效果挺好的。

分享懒人包和图片文件。

下载地址：115网盘下载

如遇到网盘过期，请留言提醒我续期，谢谢！