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

作者: NickYang 分类: Wordpress 发布时间: 2011-06-11 02:27

在我自己的博客上线了快半年的时间,在使用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网盘下载

如遇到网盘过期,请留言提醒我续期,谢谢!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论
  • 博客来棋牌

    2011 年 6 月 19 日 23:49

    好复杂呀.!电脑才刚入门 不懂这个列

    潜水 Internet Explorer Windows XP

发表评论

电子邮件地址不会被公开。 必填项已用*标注