Kategoribaserade style sheets

Ibland kanske man vill att olika kategorier skall avgöra hur posten ser ut. Jag vet att det ibland kan vara nödvändigt och därför tog  jag reda på hur man gjorde.

Jag kommer inte fördjupa mig hur och varför, utan bara snabbt visa hur man gör. Läs mer för hela artikeln.

Då kör vi
Först lägger du in detta stycke i din functions.php

<?php
function the_category_unlinked($separator = ' ') {
$categories = (array) get_the_category();

$thelist = '';
foreach($categories as $category) {    // concate
$thelist .= $separator . $category->category_nicename;
}

echo $thelist;
}
?>

Nu tänker vi att du har denna tagg runt din post.

<div class="post">

Nu lägger vi till koden som kontrollerar och skriver in din/dina kategorier.

<div class="post<?php the_category_unlinked(' '); ?>">

Om vi nu tar som exempel att dina kategorier är banan och kaffe. Kommer då klassen bli så här.

<div class="post banan kaffe">

Så här kan ett exempel i din CSS-fil se ut.

.post {
  padding: 5px
}  

.banan {
    background-color: #f0f0f0;
}

.kaffe{
   font-size: 1.1em;
   background-image: url(images/kaffe.png) no-repeat top right;
}

Vill du veta mer ingående följ denna länk.
Using WordPress Categories To Style Posts

Fler tips hittar du på sidan Informationskällan

Kommentarer

Jag kommer inte att publicera din e-post och tänk på att ha ett vårdat språk.

Skriv ett par rader...