给WordPress 添加分类图标

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

category_nicename;}?>

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

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

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

/category/category_nicename;}?>" title="cat_name;}?>">

如果嫌修改代码过于麻烦,也可以使用 Category Icons 插件,该插件可以为分类指定不同图标,提供了详细的后台设置面板,操作更为简便,容易上手。

点赞
  1. 万戈说道:
    Firefox Windows XP

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

  2. 木鱼猫说道:
    Google Chrome Windows XP

    为啥没有演示效果图?

  3. 课件说道:
    Internet Explorer Windows XP

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

  4. bolo说道:
    Firefox Windows 7

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

  5. LAONB说道:
    Firefox Windows 7

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

  6. 网站优化说道:
    Internet Explorer Windows XP

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

  7. 雅丹地貌说道:
    TheWorld Browser Windows XP

    对啊 没有掩饰效果呵呵!

  8. 芒果说道:
    Firefox Windows XP

    请注明文章来源:
    http://www.mangguo.org/add-category-icon-for-wordpress/

  9. 兵者帅说道:
    TT Explorer Windows XP

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

  10. Fumiko Batiste说道:
    Google Chrome Windows 7

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

  11. 德均博客说道:
    Firefox Windows XP

    正好在找这东西!

发表评论

电子邮件地址不会被公开。必填项已用 * 标注