Wordpress: условный тег в css для фонового изображения div?

Question

Для категорий метаданных в моем блоге у меня есть эта часть цикла в своем собственном div с фоновым изображением. Я хотел бы изменить фоновое изображение в зависимости от категории этого сообщения. Я считаю, что могу сделать это в css с набором условных тегов (что-то вдоль строк if() echo 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'); 
} 

И так далее.

В вашей теме, где у вас есть свой .category_callout div, получите категории и эхо пули. Например:

<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