首页 » 建站技术 » WordPress » 浏览内容

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


2011-01-12 12:55:02 3,410 0 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

功能如下:

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

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

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

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

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

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

<!--分类图片开始-->
  • <div class="category">
  • <?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";
  • }
  • ?>
  • </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;
  • }

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5041 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14063379 位访客

    广告区 Guǎng Gào

    回到页首