首页 > 猫玩技术 > 给WordPress 添加分类图标

给WordPress 添加分类图标

2009年12月23日 发表评论 阅读评论

实现此功能的核心问题是,在主循环中能根据分类自动调用不同图标。而利用 get_the_category() 函数获取分类名称的代码为:

1
<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>

这样就得到了因分类而异的代码。基于此,只需在模板中嵌入图标调用路径即可:

1
<img src="<?php bloginfo('template_url');?>/image/icon_<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>.gif" />

当然,需要为每个分类定制不同图标,并存为 “icon_分类名称.gif” 的形式至指定目录。

为分类图标加上链接和描述文字后,完整代码如下:

1
2
3
<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 插件,该插件可以为分类指定不同图标,提供了详细的后台设置面板,操作更为简便,容易上手。

  1. 2009年12月23日21:39 | #1

    嘿,这个在我的首页有用呢,是主题自带的

  2. 2009年12月23日22:16 | #2

    为啥没有演示效果图?

  3. 2009年12月24日09:16 | #3

    用图片做分类链接的话对seo不利

  4. 2009年12月24日15:43 | #4

    看得很辛苦,没有代码高亮

  5. 2009年12月24日15:54 | #5

    用图片做分类链接已经要加alt,否则真的对SEO不利。
    我的都还是纯手工,有的分类有的是不同的图片,例如QQ系列,呵呵。

  6. 2009年12月24日15:55 | #6

    小博很不错,圣诞快乐!!!

  7. 2009年12月27日18:56 | #7

    对啊 没有掩饰效果呵呵!

  8. 2010年5月5日15:47 | #8
  9. 兵者帅
    2010年8月12日11:10 | #9

    Category Icons 插件看用过了.这个插件不行,有bug,比如我有个分类叫”笔记本”,后台设了图标,然我我添加了一个子类叫做”商务笔记本”;这时问题就来了,笔记本图标也会显示在”商务(图标)笔记本”,虽然我能用css隐藏,但始终是个病因.
    有没有更好的推荐吗?

  10. 2011年1月10日17:10 | #10

    A thoughtful opinion and ideas I will use on my website. Youve obviously spent a while on this. Well done!

  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量