php - 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_calloutdiv，获取类别并回应 slug。例如：

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

这将添加所有帖子类别 slug。如果您只想使用第一个类别，请执行以下操作：

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

请参阅http://codex.wordpress.org/Function_Reference/get_the_category