如何制作WordPress的分类图片?

本文介绍了在WordPress中为不同分类页面设置对应banner图的方法。通过获取当前分类ID,拼接图片名称(如banner-ID.webp),实现分类与图片的一一对应,无需额外使用PHP判断或CSS单独设置样式。示例代码展示了如何动态加载对应分类的banner图。

WordPress基础教程
阅读时间: 9 分钟
最后更新时间:2025年11月13日

我制作WordPress分类图片的原因是做分类页面的banner图,如果分类很多,那么希望分类与图片做一个一一对应的关系,这样就不用再用php做判断或者css去单独写样式。

首先的获取到当前分类:get_the_category()

foreach( get_the_category() as $cat) {
  var_dump($cat);
}

var_dump($cat)可以将当前分类的数据输出,这里我们只取分类的ID即可:$cat_ID = $cat->cat_ID,用来拼接banner图片的名称:banner-ID.webp

示例代码:

<?php
foreach( get_the_category() as $cat) {
  $cat_ID = $cat->cat_ID;
  ?>
  <div class="banner-<?php echo $cat_ID;?> position-relative">
    <div class="text-end">
      <img  src="<?php echo get_template_directory_uri();?>/dist/images/banner-<?php echo $cat_ID;?>.webp" alt="<?php single_cat_title();?>">
    </div>
  </div>
<?php }?>

参考文档:
get_the_category()

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI里面继续讨论:

曾凤祥

曾凤祥

WordPress技术负责人
小兽WordPress凭借15年的WordPress企业网站开发经验,坚持以“为企业而生的WordPress服务”为宗旨,累计为10万多家客户提供高品质WordPress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽WordPress能坚持多年,是因为我们一直诚信。

相关文章

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部