wordpress首页分类图片调用

纯代码实现首页调用分类图片。给你的每一个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;
}

wordpress首页分类图片调用》上有 2 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">