为WordPress主题添加分类图标

在 2008-12-01 发布于 网站相关 下以来已有10,068人读过本文 | 5条评论 发表评论

很久以前就考虑着为我的WordPress模板添加一个分类图标,但因为一直忙于其他事情,也没有顾得上这些。终于在昨天有了一点时间,就在网上搜了一下方法,自己摸索着给添加了上去。

事实上开始时我自己考虑着的方法还是比较合理的,也初步有了最终完成的方法的雏形,但我考虑的是使用大概如这种方式:

<img src=”<?php bloginfo(‘url’); ?>/img/<?php the_category(); ?>.jpg” />

但搞了半天没有成功,在网上搜了一下,发现是用的这样的方法,原文请见:WordPress 技巧—显示分类图片,代码如下:

<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
echo "<a href=/category/";
echo $catname;
echo "/>";
echo "<img src=http://yourdomain/wp-content/cat-icons/";
echo $catname;
echo ".jpg alt=\"$catname category \" title=\"$catname 分类 \" /></a>\n";
}
?>

原来使用的是echo,将HTML代码一个个输出,看来我的知识实在是太匮乏了啊。不过正如原文中所言,对于属于多个分类的文章来说,会显示多张图标,用着不是太好,于是,我就直接在末尾加了一句break,显示一张图标之后就直接退出。又适当修改了一下主题的CSS代码,最后得到的总体效果还算是可以。

可正如原作者在WordPress 显示分类图片的补充一文中所言,如上的代码还略有不足,主要是鼠标悬停于图标上时,显示的文字不是我们设置的汉字分类,而是我们设置的分类的英文缩写。原作者将上面的代码修改如下:

<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
$cattitle=$cat->cat_name;
echo "<a href=/category/";
echo $catname;
echo "/>";
echo "<img src=http://yourdomain/wp-content/cat-icons/";
echo $catname;
echo ".jpg alt=\"$catname category \" title=\"$cattitle\" /></a>\n";
}
?>

这样,使用上面的代码,并在最后一个?>之前添加上break;语句,即可完美为文章添加分类图标。最终实现的效果可以参看51Blog

5条评论

  1. […] 为WordPress主题添加分类图标 (4) […]

  2. zEUS.
    2009/10/22 22:54:43

    break 很好很强大 🙂

    回复评论

  3. […] 本文转载自:http://www.yueye.org/2008/add-category-icon-for-template.html […]

  4. admin
    2008/12/01 18:03:47

    呵呵,多谢你啊。效果如何?
    我手机没法上网,没法看了,呵呵。。你的怎么样啊?

    回复评论

  5. -.-坏人
    2008/12/01 16:45:32

    呵呵 手机上你博客留言看下效果先

    回复评论

发表评论

您的昵称 *

您的邮箱 *

您的网站