芒果

/* 300x250 */

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 条评论

  1. bolo - 2009-06-08 18:11

    把图标放到背景里更好。 回应

    #1
  2. bolo - 2009-06-09 10:43

    怎么不做一个留言板呢? 回应

    #2
  3. 芒果bolo 说 - 2009-06-09 11:17

    邮件联系即可。 回应

    #3
  4. wordpress中文教程技巧 - 基础与设计布局 | 鸭脖客 - 2009-08-28 01:12

    [...] 为wordpress分类添加图标 [...] 回应

    #4
  5. wordpress中文教程技巧 – 基础与设计布局 | 梦幻天坛 - 2009-12-01 11:29

    [...] 为wordpress分类添加图标 [...] 回应

    #5
  6. riant - 2009-12-27 21:01

    如果一篇文章同属于两个分类,那上面的代码会输出哪一个分类啊?

    谢谢。 回应

    #6

我简单说几句

推荐文章

最新评论

友情链接

一夜激情