Class toevoegen aan body in WordPress network

Bij het gebruiken van een WordPress network (multisite) installatie (lees hier hoe je een network opzet) kan het voorkomen dat je bepaalde subwebsites een eigen styling wilt meegeven. Om dat te realiseren is het handig om de IDs van de subwebsites te gebruiken. Deze worden alleen niet standaard in de code meegegeven. Voor alles is een oplossing, dus ook voor dit ‘probleem’. Plaats het onderstaand code fragment in de functions.php van het gebruikte thema voor de subwebsite en de body CSS wordt uitgebreid met een ID van de subwebsite.

// Add specific CSS class to body for multisite
add_filter('body_class','nostromo_add_classnames');
function nostromo_add_classnames($classes) {
   global $blog_id;
   // add 'subsite-x' to the $classes array
   $classes[] = 'subsite-'.$blog_id; 

   // return the $classes array
   return $classes;
}

Nu is het mogelijk om met CSS per subwebsite een stijl toe te passen. Mocht je vragen hebben over deze code, stel de vraag dan in de reacties, of kom eens langs op het Website spreekuur.

nostromo is gebouwd op het Genesis Framework

Genesis Framework

Genesis geeft je de mogelijkheid om snel en makkelijk websites te realiseren met WordPress. Of je nu een beginner bent of een code-guru, Genesis geeft je een veilige en zoekmachine geoptimaliseerde basis welke WordPress verder brengt dan ooit bedacht. Het is zo simpel - Begin ook met Genesis!

Pak je voordeel met zes standaard lay-out opties, SEO instellingen, rotsvaste veiligheid, flexibele thema opties, handige widgets, een bak vol met hooks en een groot scala aan child-thema's om jouw site te maken zoals jij dat wilt. Met ondersteuning voor automatische thema updates is Genesis de slimme keuze voor jouw website of blog.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

De volgende HTML tags en attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>