Wordpress - カテゴリ名の代わりに異なる画像を出力する

Question

私は作成中のワードプレスのテーマで、ホームページは6つのカテゴリのリストで構成されています。形式として以下に記載されている -

猫1        猫2        猫3
猫4        猫5        猫6

代わりのワードプレス出力カテゴリの名前は、私はホームページに各カテゴリの個別の画像を出力したい -

猫1 IMG        猫2 IMG        猫3 IMG
猫4 IMG        猫5 IMG        猫6 IMG

私はこれをどのように実現するだろうか？出力に現在

UPDATE

私は、次の行使用しています6つのカテゴリ - CAT1場合

-

wp_list_categories('title_li='); 

しかし、私はおそらく例えばと言って、それに追加することができますがid = 1出力img 1

この可能性がありますかそれは必ずしも良い練習ではありませんか？

Answer 1

ホームページにカテゴリをどのように出力するかを記述していない限り、この質問に対する具体的な回答を構成する方法はわかりにくいでしょう。それを反映させるために私の答えを更新します。

すぐに私に起こる二つの一般的な戦略：

戦略の一つ

1. 埋め込みアーカイブイントロテキスト用フィールドの画像の各カテゴリーの
2. ときループにカテゴリをそれらをホームページに出力し、タイトルの代わりにアーカイブイントロテキストを出力します。

戦略二つ

1. それらは、ホームページ、出力カスタムフィールドに出力するカテゴリを通じていつループカテゴリー

2. に画像フィールドを追加するには、Advanced Custom Fields Pluginを使用して、タイトルの代わりに。

戦略三

ただ、CSSを使用しています。これはちょっとハッキリですが、あなたの要求に応じて、あなたが望む/必要とするすべてのものかもしれません。 まず、wp_list_categories（）でhtml出力を検査します。それぞれ<li>には "cat-item-36"のようなクラスがあります。

次に、cssに画像をliにマップするような各クラスのルールを記述します。これと同じように：それはもう少し簡単で、私は多くの場合、それはすでに私のサイトの一部であることを意味するACFのための他の良い使い方を見つけるために感じているので、個人的に .cat-item-36 { background: url('url-to-image-you-uploaded-in-the-media-folder'); height: 80px; width: 200px; }

、私はおそらく第二の戦略を使用すると思います。ただし、サイト内でACFを他に使用していない場合は、比較的小さな目的のためにプラグインを追加しないでください。