使用Category Icons显示WordPress博客类别图标

Category Icons是一个WordPress插件,这个插件可以让你为每一个博客类别指定一个图标,然后在博客中显示。

之所以想到用这个插件是因为我曾经有过在Myopera写博客的经验,Myopera博客是我个人感觉非常好的一个程序,它就有这样一个功能,可以在Post中显示类别或者标签的图标,感觉很实用,而且也让博客显得更有条理更美观。但可惜的是Myopera也没有逃过中国防火墙的魔掌,终于在2006年底的时候被中国屏蔽了。不过也正因为这样,才促使我搞起了独立博客:D

还好,WordPress博客程序的确也够强大,通过Category Icons这个插件就能实现同样的功能。

1. 可以在你文章的标题栏显示博客的分类图标,可以横向排列,也可以竖向排列。
2. 此插件生成纯粹的HTML代码,可以让你更自由地做你想做的。(可以选择是否通过自定义CSS来控制)
3. 可以生成有效的XHTML(和严格的XHTML)
4. 可以为图标指定显示次序。
5. 可以在侧边栏的类别列表中显示图标。并且可以设置是否显示类别名称,是否显示帮助信息。(这些必须在插件后台中设置)
6. 这个插件不仅可以显示文章的类别图标,而且也可以为页面/子页面显示类别图标(不过这个功能我没用过,感兴趣的朋友可以自己研究下)
7. 这个插件完全兼容SEO Friendly Images插件。(SEO Friendly Images是另一个为图像自动添加ALT或TITLE属性的插件)
8. 在RSS中显示类别图标。
9. 这个插件允许你在模板中想显示分类图标的地方加入相应代码,或者自动显示。
10. 这个插件包含12种语言支持。(其中有繁体中文版)

使用方法:
1. 跟其他插件一样,先去插件页下载插件压缩包。
2. 解压缩后上传到WordPress插件目录。
3. 在浏览器中登录WordPress博客,在后台的插件列表中激活此插件。
4. 在模板中想显示此图标的地方(在文章标题栏),具体可以进入WordPress后台“管理”–>“Category Icons”–>“Template Code”中查看详细说明。加入如下代码:
<?php if (function_exists('get_cat_icon')) get_cat_icon('fit_width=50&fit_height=50&class=posticon');
?>

其中的fit_width和fit_height是指图标的宽度和高度,一般可以不用指定,这样将使用你上传图标的原始尺寸。
其中的class属性是用来控制此图标的CSS名称。可以使用CSS代码将此图标放在标题的左边或者右边。

例如:
我们在模板标题栏中加入代码:
<div class="icon"><?php if (function_exists('get_cat_icon'))
get_cat_icon('class=icon02'); ?></div>

然后在CSS文件中加入:
.icon {
float: right;
}
.icon02 {
margin: 0 0 0 3px;
}

这样我们就将分类图标放在了文章标题栏内,而且图标将在文章的右上角出现,图标之间的间距是3像素。
此插件的详细设置请参见博客后台的管理页面。比较简单,就不再多说了。

我在另一个博客Day After Day上已经使用了此插件,可以去看一下Category Icons插件效果。

插件下载地址:
WordPress Plugin: Category Icons

Share and Enjoy:
  • del.icio.us
  • Google Bookmarks
  • Haohao
  • LinkedIn
  • MisterWong
  • MSN Reporter
  • Yahoo! Bookmarks
  • 豆瓣
  • 豆瓣九点
  • Facebook
  • QQ书签
  • Twitter

关键词: ,

6 Responses to “使用Category Icons显示WordPress博客类别图标”

  1. poshi says:

    晕了,如果不是我走过来,还没看到这篇更新呢,在RSS里根本看不到~~

  2. Matthew says:

    很帅的功能,我也要试一下。

  3. Very interesting blog, i have added it to my fovourites, greetings

  4. zEUS. says:

    我有一个疑问,如何关联图片和分类呢?作者的主页貌似打不开了…

  5. shafeng says:

    @zEUS

    在此插件后台可以给每一个分类上传指定的图片。
    下载后用一下就知道了。很简单的。

  6. Applebees says:

    I must say that you provide genuine, quality information. Thanks for this!

    BTW, dpn’t you think your blog needs a better wordpress template?

Leave a Reply

Follow Me On Twitter