如何製作WordPress的分類圖片？(WordPress子分類頁面使用父分類頁面模板)

如何製作WordPress的分類圖片？

我製作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 }?>

WordPress子分類頁面使用父分類頁面模板

在我們開發WordPress主題的時候，我們會希望子分類繼續使用父分類的頁面模板，這樣能大大減少我們的工作量。

那麼WordPress子分類頁面如何使用父頁面模板呢？

這篇Wordpress教程詳細為你解答。

使用教程

將上面代碼複製到主題的functions.php頁面即可。

掃碼關注wpwp自學筆記

精選優質免費WordPress主題模板，分享最新WordPress實用建站教程！

記住我們的網址：ztJun.com