本文为“WordPress 常用技巧40则”系列，原文地址：Very Easy Wordpress Theme Hack: Show Category Images

译文：

我要介绍的是如何在你的Wordpress主题中添加一些简单的PHP代码和图片来替代日志中分类的文字连接。所有你需要了解的只是一些简单的PHP和基本的HTML代码，还有如何制作你自己的图片。

**UPDATE** May 2008

在此页最后的评论中有人介绍了一个插件Category Icons ，你可以下载安装这个插件并在wordpress后台来管理的你分类图标。如果你宁愿修改你的主题来实现，那么下面的代码就足够好了！这个插件有着很酷的功能，可以帮你处理一个或多个分类图标，还可以很方便的在侧边栏的分类列表上加入分类图标！每次有一个好插件出现的时候我总是非常感激！现在回到我们这篇日志吧。。。

你是否想通过修改wordpress来实现你一直想实现的功能？ 我总想这么做但是总是没有足够的时间致力于探索方案。我寻找过一些wordepress的PHP代码片段和指导你怎么做的文章，但是不见得都对我很实用。直到今天，我看到了wpdesigner的这个指导页面！虽然我并没有得到我需要的精确代码，但是相当接近。我只要进行一点点改动就可以实现我想实现的功能了。

首先，这个 wordpress技巧需要一些前提条件
1. 你会一些修改wordpress主题的技巧
2. 你可以修改一些简单的PHP
3. 你可以书写基本的HTML
4. 你可以自己制作一些图片

这里是代码：

<h3><b>Posted in:</b></h3>
<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
echo "<a href\"/category/";
echo $catname;
echo "/\">";
echo "<img src\"www.5jway.com/wp-content/cat-icons/";
echo $catname;
echo ".png\" alt=\"$catname category image\" border=\"0\" /></a>\n";
}
?><br />

我在wpdesigner发现的这个技巧只能在每篇文章中只能显示一个分类。鉴于我的所有博文都有多个分类我修改了这个代码。而且我需要所有的分类图标都有链接，这样访客一但点击图标就可以链接到分类页面。现在我们看看上述代码中你也许需要改动的地方。

第一行，你也许想把“posted in:“ 换成其他的文字 比如”File under:“。

第五行，如果你的链接结构和平常的不一样，你也需要把 /category/ 替换成你用的。

第八行，把/wp-content/cat-icons/替换成你自己网站上的分类图标文件夹。

第十行，如果你的图片用的是gif或者jpg格式，那么把.png换成你用的格式。

现在你需要做的是为每个分类创建一个图片并把它们放到你刚才在服务器上创建的文件夹里。要确保图片名与分类名完全一致，如果你的分类名含有多个单词就需要在每两个单词中间插入一个连字符。好了！现在你只需要决定在哪显示你分类图片，在日志前面还是后面 - 然后把他们加入到恰当的位置。我在我的单篇日志页面上把图片是现在日志标题的后面- 具体效果你可以查看这篇日志的顶部标题处。你也可以把这个分类图标代码修改成任何你想要的样子。我以后还想用修改这个代码来实现替换掉侧边栏的文字分类链接。这个唯一附加说明是  如果你没有给每个链接指定一个图片会在FF和IE下产生问题。所以，如果你以后想要创建新的分类，请确保你给每个分类都指定了一个图片。

xiyao的补充：

初次翻译，如有错误，希望能指正。看完以后是不是觉得很晕，文中并未表述怎么样定义css来使得分类图片完美的表现。这个是因为这段代码的插入点，css表现方式太多了，也许作者认为太简单，说起来又太麻烦，就只说了核心部分。对于没有html,css的同学，如果想把分类的文字链接替换成图片，我强烈建议使用作者推荐的这款插件Category Icons。稍后详细介绍这个插件，确实功能强大，个人十分喜欢。