網生@誌 | zEUS.'Blog

首页 » Wordpress研究 » 2008-09-10 »

WordPress 显示分类图片的补充

字体大小:T | T

骑车回家的路上突然冒出了个想法,回来一试还果真成功… 小有成就感 😀

WordPress 技巧—显示分类图片 一文中我大致介绍了如何让文章所属的分类图片显示在文章旁边的方法,其调用代码借鉴自国外的 WordPress 高手:

1
2
3
4
5
6
7
8
9
10
11
12
<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
<span id="more-485"></span>
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";
}
?>

虽然我不是很懂 PHP ,但大致能理解上述代码的作用(理解如果有误,请指正):
第一行调用 WordPress 默认的分类函数并起了一个别名 $cat
第三行将函数中的 category_nicename 分类缩略名变量赋值给 $catname
下面的几行就是输出图像链接和拼接。
看到倒数第三行中的 title=\”$catname 分类 \” ,这是输出图片的 title 属性,也就是我们鼠标移动到图片上所出现的简介文字。
由于我们使用中文分类名和英文缩略名,所以这里的 title 输出的并不是分类的名称,而是一串英文缩略名。这种效果对于中文来说这并不合适,所以我就想到何不仿造 $catname 来做个 $cattitle 以实现下图的效果呢?

wordpress, 分类图片

那么现在的问题是如何获取 WordPress 分类函数里定义分类名称的变量呢?

此时就轮到 Firefox 的著名插件 Firebug 登场了~
进入 WordPress 后台-管理-分类,使用 Firebug 查看元素属性和样式,于是我就轻而易举的得到了我想要的变量名:

wordpress, 分类图片

cat_name 这个变量即是我们的目标~ 找到对应的变量名之后,代码稍作修改即可(增加一个变量:$cattitle 和修改 title 的值:\”$cattitle\ ):

1
2
3
4
5
6
7
8
9
10
11
12
<?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";
}
?>

Ok , that ‘s all~~ 修改完毕,这样整个效果就基本完美了

zEUS.

« »

已经有18人发表了评论

  1. 正有此打算。很久没来了,变化不小。

  2. <?php foreach((get_the_category()) as $cat) 这句不是起别名的,是用来遍历数组的 也就是说从数组 (get_the_category()中取数据。

文章反相链接 Pingback/Trackback

  1. Wordpress 显示分类图片 « 居龙闲志
  2. 淘友 » 为WordPress主题添加分类图标

发表您的看法

TOP COMMENTS BOTTOM