的WordPress的：条件标记在CSS的div背景图像？

Question

对于我博客上的元数据类别，我将循环的这一部分放在自己的div中并带有背景图片。 我想根据帖子的类别更改背景图片。 我相信我可以使用一组条件标签在CSS中做到这一点（类似于if category（）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的位置，获取类别并呼应the。 例如：

<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