TypeCodes

博客优化第二波(二):wordpress评论表情图片路径修改的两种方法

wordpress评论框上的22个表情的图片默认是放在wp-include/images/smilies路径中的,这样做的好处是能够比较快的读取图片,安全性也好;缺点是每次遇到wp程序升级,你精心设计的这22个表情图标(BZ设计了两套表情图标,点击下载)就会被覆盖成wp默认的那些图标,所以我想把它整到博客的主题images/smilies/中去。具体步骤如下:

(一)获取smiley.php文件

以我使用的威少的主题为例,这22个表情是通过comments.php调用主题目录中includes文件夹下的smiley.php显示的。如果你的博客没有评论表情的话,可以下载威少主题中的smiley.php放在自己主题目录下的includes文件夹中(当然也可以自定义路径,只要把comments.php中的引用路径写对就行),然后在comments.php的合适位置添加调用即可。

<?php include(TEMPLATEPATH . '/includes/smiley.php'); ?>
(二)修改smiley.php文件

但威少的这份smiley.php文件没给每个表情图标上添加title和alt信息(这样不利于SEO,并且鼠标移上去也没相应提示文字),所以你还得给它加上这些信息;另外,大家还可以可以把这些表情定义到一个div层中,然后设置与主题相吻合的样式(相应修改style.css)。

#smilelink{cursor:pointer; width:540px;}
(三)不推荐的方法:

威少主题smiley.php中表情图片路径都类似于 <img src="/wp-includes/images/smilies/icon_question.gif" title="汗" alt="汗" /> 所以我们只要把/wp-includes/images/smilies/改成自己主题下面的表情路径就行了。但这只能在评论框上显示你自定义的表情图片,当留言者点击这些表情图标然后连同评论内容一起显示在你的留言板上的时候,你看到的还是/wp-includes/images/smilies/中的表情图标!

(三)推荐方法:

如果不想用上面推荐的修改路径的方法,那么我们可以在functions.php中添加如下代码,调用自己主题下面的表情图标。

//评论框的表情包调用
add_filter('smilies_src','custom_smilies_src',1,10);
function custom_smilies_src ($img_src, $img, $siteurl){
    return get_bloginfo('template_directory').'/images/smilies/'.$img;
}
(四)完结,以后博客再怎么升级都不怕了!

评论表情

打赏支持

Comments »