我制作WordPress分類圖片的原因是做分類頁面的banner圖，如果分類很多，那么希望分類與圖片做一個(gè)一一對應(yīng)的關(guān)系，這樣就不用再用php做判斷或者css去單獨(dú)寫樣式。

首先獲取到當(dāng)前分類：get_the_category()。

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

var_dump($cat)可以將當(dāng)前分類的數(shù)據(jù)輸出，這里我們只取分類的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 }?>

未經(jīng)允許不得轉(zhuǎn)載：445IT之家 » 如何制作WordPress的分類圖片？