WordPress thema aanpassen: kleuren, lettertypen en layout

Je hebt een WordPress-thema gekozen, maar de kleuren passen niet bij je huisstijl, het lettertype is te klein of de kop staat niet waar je hem wilt hebben. Een thema aanpassen kan op verschillende manieren, en welke je kiest bepaalt of je wijzigingen een update overleven. In dit artikel lees je hoe je het veilig aanpakt.

Eerst: wat voor thema heb je?

Sinds een paar jaar zijn er twee soorten WordPress-thema’s, en ze werken anders:

• Klassieke thema’s pas je aan via Weergave > Aanpassen (de Customizer). Daar vind je meestal kleuren, lettertypen, logo, menu’s en widgets.
• Blokthema’s pas je aan via Weergave > Editor (de Site Editor). Daar bewerk je niet alleen pagina’s, maar ook de kop, de voettekst en sjablonen, en stel je onder Stijlen kleuren en lettertypen voor de hele site in.

Zie je onder Weergave het item Editor, dan heb je een blokthema. Zie je Aanpassen, dan een klassiek thema. Gebruik je een paginabouwer, dan zitten veel instellingen in die bouwer in plaats van in het thema.

Kleuren aanpassen

Klassiek thema: ga naar Weergave > Aanpassen en zoek naar een onderdeel als Kleuren of Globaal. Wat je hier kunt instellen verschilt per thema. Sommige thema’s bieden alleen een accentkleur, andere een volledig palet.

Blokthema: ga naar Weergave > Editor > Stijlen. Daar kies je een kant-en-klare stijlvariant of stel je het palet zelf in. Wijzigingen gelden voor de hele site, tenzij je op een los blok een andere kleur kiest.

Tip: gebruik de exacte kleurcodes uit je huisstijl en controleer of tekst goed leesbaar blijft. Lichte grijze tekst op een witte achtergrond ziet er strak uit, maar is voor veel bezoekers slecht te lezen.

Lettertypen en tekstgrootte

In blokthema’s stel je onder Stijlen > Typografie lettertypen en groottes in voor tekst, koppen en knoppen. Recente WordPress-versies hebben daar ook een lettertypebibliotheek, zodat je lettertypen kunt toevoegen. In klassieke thema’s hangt het af van het thema. Let op: laad niet te veel verschillende lettertypen en gewichten, want elk lettertype maakt je site trager. Zie WordPress traag.

Layout aanpassen: kop, voettekst en pagina’s

• Blokthema: in de Site Editor bewerk je de kop en voettekst als sjabloononderdelen. Je kunt blokken verplaatsen, toevoegen en weghalen, en per paginasoort een ander sjabloon maken.
• Klassiek thema: de layoutopties zitten in de Customizer (bijvoorbeeld zijbalk links of rechts, breedte van de inhoud). Kan het daar niet, dan is het vaak maatwerk.
• Paginabouwer: de layout per pagina regel je in de bouwer zelf.

Extra CSS: voor kleine aanpassingen

Wil je iets aanpassen waarvoor geen instelling is, zoals de afstand onder een kop of de kleur van één knop, dan kun je eigen CSS toevoegen. Bij klassieke thema’s via Weergave > Aanpassen > Extra CSS, bij blokthema’s via de Site Editor onder Stijlen. Deze CSS blijft bewaard bij thema-updates. Houd het overzichtelijk en zet er korte notities bij, zodat je later nog weet waarom een regel er staat.

Nooit direct in de themabestanden

Pas je de bestanden van je thema rechtstreeks aan, bijvoorbeeld style.css of functions.php, dan zijn je wijzigingen weg bij de volgende thema-update. Bovendien kan één fout in functions.php je hele site platleggen met een kritieke fout of een wit scherm.

Moet er toch code worden aangepast, gebruik dan een child theme: een klein thema dat alles van het hoofdthema overneemt en waarin alleen jouw wijzigingen staan. Updates van het hoofdthema overschrijven je child theme niet. Voor losse stukjes PHP-code kan ook een plugin voor eigen codefragmenten.

Veilig werken

1. Maak eerst een back-up.
2. Test grotere wijzigingen op een kopie van je site (staging).
3. Bekijk het resultaat ook op je telefoon: daar komen de meeste bezoekers binnen.
4. Noteer wat je hebt veranderd.

Twijfel je of je thema nog wel geschikt is, bijvoorbeeld omdat het al jaren geen updates krijgt, dan is overstappen soms verstandiger dan blijven aanpassen. Lees ook WordPress beveiligen.

Wanneer een ander thema beter is

Soms is blijven aanpassen niet de slimste weg. Krijgt je thema al lang geen updates meer, is het traag door ingebouwde functies die je niet gebruikt, of moet je voor elke wijziging om de beperkingen heen werken, dan is overstappen vaak goedkoper op de lange termijn. Let er wel op dat een ander thema invloed heeft op je hele site: shortcodes van het oude thema werken niet meer, menu’s en widgets moeten opnieuw worden ingesteld en de layout van pagina’s kan verschuiven. Doe een themawissel daarom altijd eerst op een stagingkopie, loop alle belangrijke pagina’s na en zet hem pas daarna live.

Laten aanpassen?

Wil je je layout of huisstijl laten aanpassen zonder zelf in instellingen en CSS te duiken, plan dan een gesprek. Met Website verbeteren (€139 eenmalig) pakken we snelheid, SEO-basis en duidelijke knoppen van een bestaande WordPress-site aan. Voor een volledig nieuwe site, zie WordPress website laten maken. Je site kan draaien op onze WordPress hosting, met onderhoud erbij. Gaat er iets mis na een aanpassing, ga dan naar WordPress-spoedhulp.

Lees ook: WordPress hosting · WordPress onderhoud · WordPress-spoedhulp · blog maken met WordPress · wat kost een WordPress-website · WordPress traag

← Terug naar de kennisbank