WordPress的：在CSS背景圖像的條件標籤？

對於我博客上的元數據類別，我在它自己的div中使用背景圖像的那部分循環。我希望根據該帖子的類別改變背景圖片。我相信我可以在css中使用一組條件標籤（沿類別（）的行）echo this red.png 任何有關從哪裏開始的想法或者是否有可能？該網站是blog.printstitchandpaste.com，要更改的圖像是類別名稱後面的小旗幟/橫幅。謝謝！WordPress的：在CSS背景圖像的條件標籤？

來源

2013-10-08 cherch

在你的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股利，獲取類別和回聲slu。。例如：

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

這會添加所有的帖子類別slu。。如果你希望只使用第一類，這樣做：

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

見http://codex.wordpress.org/Function_Reference/get_the_category

來源

2013-10-08 05:55:36 Karine

請問PHP代碼工作的引號內的第二位？另外，對於第一部分代碼，我需要類別編號還是可以將它們稱爲cat-slug？ – cherch

第一點代碼，你的意思是CSS？我不知道你的類別名稱，所以我只是把.cat-1-slug和.cat-2-slug。如果你的類別名稱是「Hello world」，那麼slug很可能是'hello-world'，所以你可以在CSS：'.category_callout.hello-world'中使用它。我不明白關於PHP的問題... – Karine

WordPress的：在CSS背景圖像的條件標籤？

回答

相關問題