为WordPress主题添加分类图标
很久以前就考虑着为我的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。
上一篇: 为你记住并免费短信提醒好友的生日
2010/01/19 21:49:33
[…] 为WordPress主题添加分类图标 (4) […]
2009/10/22 22:54:43
break 很好很强大 🙂
回复评论
2009/10/21 16:59:55
[…] 本文转载自:http://www.yueye.org/2008/add-category-icon-for-template.html […]
2008/12/01 18:03:47
呵呵,多谢你啊。效果如何?
我手机没法上网,没法看了,呵呵。。你的怎么样啊?
回复评论
2008/12/01 16:45:32
呵呵 手机上你博客留言看下效果先
回复评论