.socialwrap li.icon_text a img, .socialwrap li.iconOnly a img, .followwrap li.icon_text a img, .followwrap li.iconOnly a img{border-width:0 !important;background-color:none;}#follow.right {width:32px;position:fixed; right:0; top:100px;background-color:#878787;padding:10px 0;font-family:impact,charcoal,arial, helvetica,sans-serif;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border:2px solid #fff;border-right-width:0}#follow.right ul {padding:0; margin:0; list-style-type:none !important;font-size:24px;color:black;} #follow.right ul li {padding-bottom:10px;list-style-type:none !important;padding-left:4px;padding-right:4px} #follow img{border:none;}#follow.right ul li.follow {margin:0 4px;} #follow.right ul li.follow img {border-width:0;display:block;overflow:hidden; background:transparent url(http://www.luktsudd.se/wp-content/plugins/share-and-follow/images/impact/follow-right.png) no-repeat -0px 0px;height:79px;width:20px;} #follow.right ul li a {display:block;} #follow.right ul li.follow span, #follow ul li a span {display:none}.share {margin:0 3px 3px 0;} .phat span {display:inline;} ul.row li {float:left;list-style-type:none;} li.iconOnly a span.head {display:none} #follow.left ul.size16 li.follow{margin:0px auto !important} li.icon_text a {padding-left:0;margin-right:3px} li.text_only a {background-image:none !important;padding-left:0;} li.text_only a img {display:none;} li.icon_text a span{background-image:none !important;padding-left:0 !important; } li.iconOnly a span.head {display:none} ul.socialwrap li {margin:0 3px 3px 0 !important;} ul.socialwrap li a {text-decoration:none;}ul.row li {float:left;line-height:auto !important;} ul.row li a img {padding:0}.size16 li a,.size24 li a,.size32 li a, .size48 li a, .size60 li a {display:block}ul.socialwrap {list-style-type:none !important;margin:0; padding:0;text-indent:0 !important;} ul.socialwrap li {list-style-type:none !important;background-image:none;padding:0;list-style-image:none !important;} ul.followwrap {list-style-type:none !important;margin:0; padding:0} ul.followwrap li {margin-right:3px;margin-bottom:3px;list-style-type:none !important;} #follow.right ul.followwrap li, #follow.left ul.followwrap li {margin-right:0px;margin-bottom:0px;} .shareinpost {clear:both;padding-top:5px}.shareinpost ul.socialwrap {list-style-type:none !important;margin:0 !important; padding:0 !important} .shareinpost ul.socialwrap li {padding-left:0 !important;background-image:none !important;margin-left:0 !important;list-style-type:none !important;text-indent:0 !important} .socialwrap li.icon_text a img, .socialwrap li.iconOnly a img{border-width:0}ul.followrap li {list-style-type:none;list-style-image:none !important;} div.clean {clear:left;} div.display_none {display:none;}

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...