如何制作WordPress的分类图片？

最后更新时间为 2022年2月21日

我制作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()