9
一

wordpress首页分类图片调用

Posted by | (2) Comment

纯代码实现首页调用分类图片。给你的每一个wordpress分类目录指定一张图片，然后在首页文章中进行调用。原作者忘了是谁了，不好意思吖，如果你看到后联系我。功能如下：

1.CSS定义图片大小、位置；

2.图片格式可自由设置；

3.点击图片进入分类页面

我对此做了修改，去掉了链接功能，但保留title，有利于SEO，图片格式由gif变为jpg，更符合标准，修正了不规范的代码，可通过W3C检测。

在wp-content目录下新建文件夹cat-icons，将.jpg图片放进去。图片的名称必须与你的分类目录别名一致才行！比如你有一个分类是网络赚钱，它的别名是make-money，那么对应的图片应该命名为make-money.jpg。

将下面的代码拷贝到index.php文件中的<?php the_content语句的前面。

<!--分类图片开始-->
<div class="category">
<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
$cattitle=$cat->cat_name;
echo "<img src='http://www.canfree.com/wp-content/cat-icons/";
echo $catname;
echo ".jpg' alt=\"$catname category \" title=\"$cattitle\" />\n";
}
?>
</div>
<!--分类图片结束-->

再指定一个CSS样式：

.category {
	float:left;
	margin-right: 5px;
	margin-bottom: 2px;
}
.category img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
Tags : , , , ,
Category : 主题优化

2 Responses to “wordpress首页分类图片调用”

  1. 设计客 说道：
    2010 年 04 月 21 日 5:34 下午

    谢谢分享，学习了！！

    回复
  2. ❤猫绒绒❤ 说道：
    2011 年 03 月 29 日 4:40 下午

    纠结的问……如果文章属于2个分类，我想把其中一个缩略图隐藏掉要怎么做？只想显示子分类的缩略图不想显示父分类的

    回复

Leave a Reply