WordPress的 - 輸出不同的圖像，而不是類別名稱

Question

在我創建的wordpress主題上，主頁包含6個類別的列表。格式設置列如下 -

貓1        貓2        貓3
貓4        貓5        貓6

相反的wordpress輸出的這些類別的名稱，我希望它只在主頁上爲每個類別輸出單獨的圖像 -

貓1 IMG        貓2 IMG        貓3 IMG
第4類IMG        貓5 IMG        貓6 IMG

我怎樣才能實現這一點？

UPDATE

目前輸出的6類我使用下面的行 -

wp_list_categories('title_li='); 

但是我能可能增加它說，例如 -

如果CAT1 id = 1 output img 1

這是可能的或這不一定是好的做法嗎？

Answer 1

這將是很難知道如何構建這個問題的具體答案，除非你描述你如何輸出你的主頁上的類別。如果你包括，我會更新我的答案，以反映它。

立即出現在我

兩個一般策略：

策略一

1. 嵌入在該領域的圖像歸檔介紹文字爲每個類別
2. 當你遍歷類別將它們輸出到主頁上，輸出Archive Intro文本而不是標題。

策略二

1. 使用Advanced Custom Fields Plugin到圖像字段添加到分類

2. 當你遍歷類別輸出他們的主頁上，輸出的自定義字段而不是標題。

策略三

只需使用CSS。這有點冒失，但根據您的要求，它可能是你想要的或需要的。 首先，通過wp_list_categories（）來檢測html輸出。你會注意到每一個<li>都有一個類似「cat-item-36」的類。

其次，在你的css中爲每個類寫一個規則，就像把圖像映射到li一樣。像這樣： .cat-item-36 { background: url('url-to-image-you-uploaded-in-the-media-folder'); height: 80px; width: 200px; }

就個人而言，我可能會使用的第二個策略因爲感覺稍微簡單，因爲我經常發現對ACF其他好的用途是否意味着它已經是我的網站的一部分。但是，如果您在站點中沒有其他用於ACF的其他用途，則可能需要避免爲相對較小的目的添加插件。