WordPress 默认没有添加分类图标的选项。通过 get_the_category() 函数,可以实现类似芒果首页的分类图标效果。
实现此功能的核心问题是,在主循环中能根据分类自动调用不同图标。而利用 get_the_category() 函数获取分类名称的代码为:
<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>
这样就得到了因分类而异的代码。基于此,只需在模板中嵌入图标调用路径即可:
<img src="<?php bloginfo('template_url');?>/image/icon_<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>.gif" />
当然,需要为每个分类定制不同图标,并存为 “icon_分类名称.gif” 的形式至指定目录。
为分类图标加上链接和描述文字后,完整代码如下:
<a href="<?php bloginfo('url'); ?>/category/<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>" title="<?php foreach((get_the_category()) as $cat){echo $cat->cat_name;}?>">
<img src="<?php bloginfo('template_url');?>/image/icon_<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>.gif" />
</a>
如果嫌修改代码过于麻烦,也可以使用 Category Icons 插件,该插件可以为分类指定不同图标,提供了详细的后台设置面板,操作更为简便,容易上手。
版权所有,转载请注明出处。
转载自 <a href="http://www.mangguo.org/add-category-icon-for-wordpress/" title="为 WordPress 添加分类图标" rel="bookmark">为 WordPress 添加分类图标 | 芒果</a>

已经有 6 条评论
- bolo - 2009-06-08 18:11
#1把图标放到背景里更好。 回应
- bolo - 2009-06-09 10:43
#2怎么不做一个留言板呢? 回应
- 芒果 对 说 - 2009-06-09 11:17
#3邮件联系即可。 回应
- wordpress中文教程技巧 - 基础与设计布局 | 鸭脖客 - 2009-08-28 01:12
#4[...] 为wordpress分类添加图标 [...] 回应
- wordpress中文教程技巧 – 基础与设计布局 | 梦幻天坛 - 2009-12-01 11:29
#5[...] 为wordpress分类添加图标 [...] 回应
- riant - 2009-12-27 21:01
#6如果一篇文章同属于两个分类,那上面的代码会输出哪一个分类啊?
谢谢。 回应
我简单说几句