php - Wordpress:div背景画像のcssの条件付きタグ?

Question

私のブログのメタデータ カテゴリでは、ループのその部分を独自の div に背景画像を付けて配置しています。その投稿のカテゴリに基づいて背景画像を変更したいと思います。一連の条件付きタグを使用してcssでこれを実行できると思います（ifカテゴリ（）エコーred.pngの行に沿ったもの）これからどこから始めるべきか、または可能かどうかのアイデアはありますか？サイトは blog.printstitchandpaste.com で、変更する画像はカテゴリ名の後ろにある小さな旗/バナーです。ありがとう！

Answer 1

CSS では、次のようなものを使用できます。

.category_callout.cat-1-slug {
  background-image: url('category-1-image.jpg');
}
.category_callout.cat-2-slug {
  background-image: url('category-2-image.jpg');
}

等々。

divがあるテーマで.category_callout、カテゴリを取得し、スラッグをエコーし​​ます。例えば：

<div class="category_callout <?php foreach( get_the_category() as $cat ) { echo $cat->slug . ' '; } ?>">

これにより、すべての投稿カテゴリのスラッグが追加されます。最初のカテゴリのみを使用する場合は、次のようにします。

<?php $cat = get_the_category(); ?>
<div class="category_callout <?php echo $cat[0]->slug; ?> ">

http://codex.wordpress.org/Function_Reference/get_the_categoryを参照してください。