这篇文章是博主在改自己用的Ality主题时写出来的,不过其它的主题也可以根据这个来改。由于博主的主题本身就支持评论框选择表情,只是因为用WordPress默认的表情并不好看,所以才要修改。如果您是想知道怎么实现评论表情的,很抱歉这里并没有说,大家可以自行在网上查找教程,有很多的。另外,教程不需要使用插件来改,纯手工操作。
修改方法一
将你要使用的表情包解压,FTP连接主机并上传表情到主题目录中,比如博主用的Ality主题,将表情上传到了/wp-content/themes/Ality/img/smilies/这个目录,然后将下面的代码加入到functions.php最后一行?>的前面。
- function filter_smilies_src($img_src, $img, $siteurl) {
- return get_bloginfo(‘stylesheet_directory’) . ‘/img/smilies/’ . $img;
- }
- add_filter(‘smilies_src’, ‘filter_smilies_src’, 1, 10);
代码第二行的/img/smilies/请根据自己的实际情况更改。
修改方法二
很多主题比如博主使用的Ality主题都是用smiley.php来实现评论框添加表情的,修改其中的主题路径即可。如下是我已改好的:
- <a href=“javascript:grin(‘:?:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_question.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:razz:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_razz.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:sad:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_sad.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:evil:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_evil.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:!:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_exclaim.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:smile:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_smile.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:oops:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_redface.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:grin:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_biggrin.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:eek:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_surprised.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:shock:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_eek.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:???:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_confused.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:cool:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_cool.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:lol:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_lol.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:mad:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_mad.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:twisted:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_twisted.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:roll:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_rolleyes.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:wink:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_wink.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:idea:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_idea.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:arrow:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_arrow.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:neutral:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_neutral.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:cry:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_cry.gif” alt=“” /></a>
- <a href=“javascript:grin(‘:mrgreen:’)”><img src=“<?php bloginfo(‘url’); ?>/wp-content/themes/Ality/img/smilies/icon_mrgreen.gif” alt=“” /></a>
Ality主题修改方法
有些人,比如我用的主题,用上面的方法改了后发现表情只在一处变了,另一处如评论列表的表情显示的还是默认样式(我不知道这是不是我的个人问题),可以按照上面的方法两处的都改了就没有问题了。
自用QQ表情包(24×24)
下面附上我目前在使用的QQ表情包,名字已经改好了,大家直接按照上面的方法使用即可。
[file]