Ondersteuning » Algemeen WordPress » Verschillende themekleuren op verschillende pagina's

  • Ik gebruik WP als CMS en wil 4 verschillende site-onderdelen een eigen gezicht geven.
    Met een eigen header foto en 4 verschillende theme-kleuren.

    Het theme dat ik gebruik past natuurlijk de gekozen instellingen toe op alle pagina’s.
    Hoe kan dat anders? Moet ik multisite gebruiken voor 4 aparte site-onderdelen of is er iets eenvoudigers?

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Dat kan via CSS.

    Door je header.php te open en te controleren of je body tag een class filter heeft.

    Dit:

    <body>

    Moet dan dit worden:

    <body <?php body_class(); ?>>

    Zodra je dit opslaat krijgt de body tag een eigen class p/pagina.
    bijv.

    body .page { }
    body .page-template-boeken { }
    body .category-boeken { }
    enz. enz.

    Aan de hand van die classes kun je dan via CSS de lay-out een andere kleur geven op alleen die pagina.

    Een andere oplossing is het maken van extra templates binnen je theme.

    Dit is makkelijker dan het klinkt. In het kort: je maakt een nieuwe template op basis van je bestaande template, en wijzigt de nieuwe template naar je wensen. In WordPress, wanneer je een nieuwe pagina maakt of een bestaande pagina wijzigt, kan je dan voor je nieuwe template kiezen.

    Het staat redelijk goed uitgelegd in volgende tutorial:
    http://wpmu.org/wordpress-custom-page-template/

    Thread starter Kees Versteeg

    (@kees-versteeg)

    @stijn: dank voor de tip. Alleen het probleem is wat gecompliceerder, ik zoek namelijk een oplossing voor het hoofdmenu. De styling van de pagina’s zelf kom ik wel uit.

    Ik wil een menu – zoals ik dat in Dreamweaver makkelijk zou kunnen maken 😉 –
    met rollovers en current page aanduiding in een kleurtje.
    Elke sectie van de site krijgt dan een aparte kleur, dat zou idd met templates kunnen.

    Ik heb al lopen zoeken naar menu-plugins, maar zie nergens de functionaliteit van bijvoorbeeld Project Seven etc. (css en js)

    Hierbij een voorbeeldje:

    http://picturestack.com/493/718/HBHAllesectieBiJ.jpg

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Verschillende themekleuren op verschillende pagina's’ is gesloten voor nieuwe reacties.