WordPress首页显示分类图片的方法

林继 WordPress 3,453 共写了255个字 (2011-01-12 12:55:02) 没有评论 打印 扫描二维码 百度未收录

功能如下:

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

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

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

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

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

将下面的代码拷贝到index.php文件中的

  1. <!--分类图片开始-->
  2. <div class="category">
  3.  
  4. <?php foreach((get_the_category()) as $cat)
  5. {
  6. $catname =$cat->category_nicename;
  7. echo "<a href=/category/";
  8. echo $catname;
  9. echo "/>";
  10. echo "<img src=http://yourdomain/wp-content/cat-icons/";
  11. echo $catname;
  12. echo ".jpg alt=\"$catname category \" title=\"$catname 分类 \" /></a>\n";
  13. }
  14. ?>
  15.  
  16. </div>
  17.  
  18. <!--分类图片结束-->
  19.  
  20. 再指定一个CSS样式:
  21.  
  22. .category {
  23. 	float:left;
  24. 	margin-right: 5px;
  25. 	margin-bottom: 2px;
  26. }
  27. .category img {
  28. 	border-top-style: none;
  29. 	border-right-style: none;
  30. 	border-bottom-style: none;
  31. 	border-left-style: none;
  32. }

WordPress

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

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

更多阅读
标签云
< >