月夜 - 分享网络知识 · 享受快乐生活

很久以前就考虑着为我的WordPress模板添加一个分类图标，但因为一直忙于其他事情，也没有顾得上这些。终于在昨天有了一点时间，就在网上搜了一下方法，自己摸索着给添加了上去。

事实上开始时我自己考虑着的方法还是比较合理的，也初步有了最终完成的方法的雏形，但我考虑的是使用大概如这种方式：

<img src=”<?php bloginfo(‘url’); ?>/img/<?php the_category(); ?>.jpg” />

但搞了半天没有成功，在网上搜了一下，发现是用的这样的方法，原文请见：WordPress 技巧—显示分类图片，代码如下：

<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
echo "<a href=/category/";
echo $catname;
echo "/>";
echo "<img src=http://yourdomain/wp-content/cat-icons/";
echo $catname;
echo ".jpg alt=\"$catname category \" title=\"$catname 分类 \" /></a>\n";
}
?>

原来使用的是echo，将HTML代码一个个输出，看来我的知识实在是太匮乏了啊。不过正如原文中所言，对于属于多个分类的文章来说，会显示多张图标，用着不是太好，于是，我就直接在末尾加了一句break，显示一张图标之后就直接退出。又适当修改了一下主题的CSS代码，最后得到的总体效果还算是可以。

可正如原作者在WordPress 显示分类图片的补充一文中所言，如上的代码还略有不足，主要是鼠标悬停于图标上时，显示的文字不是我们设置的汉字分类，而是我们设置的分类的英文缩写。原作者将上面的代码修改如下：

<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
$cattitle=$cat->cat_name;
echo "<a href=/category/";
echo $catname;
echo "/>";
echo "<img src=http://yourdomain/wp-content/cat-icons/";
echo $catname;
echo ".jpg alt=\"$catname category \" title=\"$cattitle\" /></a>\n";
}
?>

这样，使用上面的代码，并在最后一个?>之前添加上break;语句，即可完美为文章添加分类图标。最终实现的效果可以参看51Blog。