*准备好wordpress各个对应分类的图片，并且图片的名称和分类名一致。比如有一个“与我有关”的文章分类，其缩略名是 "sth-about-me"，那么就将对应的分类图片命名为"sth-about-me.jpg"（进入Wordpress后台-管理-分类，即可修改分类缩略名，最好使用英文）。

*使用 FTP 在你的 /wp-content/ 目录下建立一个 cat-icons 目录，将所有分类图片上传至该目录下。

* 打开你的 index.php文件，在 post 容器内，即

<div id="post-<?php the_ID(); ?>">
</div>

中的适当位置添加如下代码：

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

但请注意，倘若你的分类永久链接形式不是默认的： “http://yourdomain/category/分类名称/” 那么你就需要根据自己的链接形式修改第四行的 “/category/”
* 最后你还需要有一定的 HTML/CSS 的知识来将上述代码进行定位，你可以让它在 “entry 容器” 旁 float left 或者 right ，如果图片较小的话还能放到文章标题 H2 的旁边等等，这就要看大家的想象力和页面的排版方式了。

完成上述步骤后，分类图片就能自动的添加在文章旁了。有个问题还需要注意，如果你的文章不止属于一个分类，此时对应的所有分类图片都会显示，如果只想让它显示一个分类图标的话就需要用 CSS 技巧来 hiden 多余的图片了。

另这样显示图片后，图片简介文字为英文缩略名，这里zEUS又对上述代码进行了修改以显示中文名称。

增加一个变量：$cattitle 和修改 title 的值：\”$cattitle\ ）：将代码改成下面这样，

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

搞定~~