Samenvatting
Het thema is het fundament van je website. Door je huisstijl eerst op thema-niveau vast te leggen, werk je sneller en blijft alles consistent. Dit artikel legt uit hoe je daar in de praktijk het beste mee omgaat — in drie duidelijke stappen.
Hoe werkt het
De kern is simpel: begin bij het thema, bouw dan je pagina's, en pas later alleen het thema aan als de huisstijl verandert. Alles wat je in het thema regelt, hoef je niet per blok of element apart in te stellen — en dat scheelt je enorm veel tijd.
Stap 1: Stel je thema in vóórdat je gaat bouwen
Begin elke nieuwe website met het instellen van je thema. Leg hier de basisstijl vast:
- Kleuren — wat is de hoofdkleur van de huisstijl? Wat is de tekstkleur? De achtergrondkleur?
- Lettertypes — welk lettertype gebruik je voor koppen? En voor lopende tekst?
- Afstanden — hoeveel ruimte zit er tussen blokken? Hoe breed is de content?
Alles wat je hier instelt, wordt automatisch toegepast op je hele website.
Voorbeeld: Je klant heeft een huisstijl met donkergroen als hoofdkleur en het lettertype Lato. Stel dit in het thema in. Elke knop, link en kop die je daarna plaatst, krijgt automatisch die kleur en dat lettertype — zonder dat je dit per element hoeft in te stellen. Dat scheelt je tientallen klikken.
Stap 2: Bouw je pagina's — wijk alleen af waar het echt moet
Als je thema goed staat, hoef je bij het bouwen van je pagina's alleen af te wijken waar dat echt nodig is.
Afwijking op blokniveau: Je homepage heeft een hero-sectie met een donkere achtergrond. Alleen dat blok krijgt een afwijkende achtergrondkleur — de rest van de website volgt gewoon het thema.
Afwijking op elementniveau: Eén specifieke knop in een aanbieding moet rood zijn in plaats van de standaard kleur. Je past alleen die ene knop aan.
De vuistregel: pas zo min mogelijk aan op blok- en elementniveau. Hoe meer je via het thema regelt, hoe consistenter en makkelijker te onderhouden je website is.
Stap 3: Huisstijl verandert? Pas het thema aan
Wil je later de hoofdkleur of het lettertype van de hele website aanpassen? Dat doe je op één plek: het thema. Alle elementen die hun stijl van het thema erven, worden automatisch bijgewerkt.
Voorbeeld: Je klant gaat door een rebranding en wil van donkergroen naar diepblauw. Je past de hoofdkleur aan in het thema — en alle knoppen, links en accenten op de hele website veranderen in één keer mee. Geen pagina voor pagina bijwerken.
Elementen waar je op blok- of elementniveau een afwijking hebt ingesteld, veranderen niet mee — en dat is precies de kracht: je uitzonderingen blijven uitzonderingen.
Samenvatting per niveau
| Niveau | Gebruik voor |
|---|---|
| Thema | Alles wat voor de hele website geldt — kleuren, lettertypes, afstanden |
| Blok | Afwijkingen voor een specifiek blok — bijv. een donkere achtergrond voor je hero |
| Element | Uitzonderingen voor één specifiek element — bijv. een knop met een afwijkende kleur |
FAQ
Waarom zou ik niet gewoon per element instellen wat ik wil?
Dat kan, maar het kost veel meer tijd en maakt je website lastig te onderhouden. Als je later iets wilt veranderen — bijvoorbeeld een andere hoofdkleur — moet je elk element apart aanpassen. Met een goed ingesteld thema doe je dat op één plek.
Hoe minder ik afwijk van het thema, hoe beter?
Precies. Hoe minder uitzonderingen op blok- en elementniveau, hoe makkelijker je website later te onderhouden en aan te passen is. Gebruik afwijkingen alleen waar ze echt nodig zijn.