Child theme

Ook wel kindthema

Wat is een child theme?

Een child theme (ook wel kindthema) is een thema dat voortbouwt op een hoofdthema in bijvoorbeeld WordPress. Je eigen aanpassingen aan opmaak en code staan apart, zodat ze blijven bestaan als het hoofdthema een update krijgt.

VoorbeeldEen installateur laat de kleuren en het contactblok van zijn WordPress-site aanpassen in een child theme. Na een update van het hoofdthema blijven die aanpassingen gewoon staan.
Waarom het ertoe doetZonder child theme kan één thema-update je maatwerk wissen. Met een child theme houd je je site veilig up-to-date zonder telkens opnieuw te moeten bouwen.
Zo begin jeCheck in WordPress onder Weergave > Thema's of je actieve thema een child theme is. Zo niet, maak er een aan en zet daar voortaan al je eigen CSS en code in.

Veelgestelde vragen over child theme

Hoe maak ik een child theme aan in WordPress?

De makkelijkste manier is met de plugin Child Theme Configurator. Installeer en activeer hem, ga naar Extra, Child Themes, kies je hoofdthema en laat de plugin het child theme aanmaken. Daarna activeer je het bij Weergave, Thema's.

Liever zelf doen? Dat gaat zo:

  • Maak in wp-content/themes een nieuwe map, bijvoorbeeld mijnthema-child.
  • Zet daarin een style.css met bovenaan een commentaarblok met Theme Name en Template (de mapnaam van het hoofdthema).
  • Voeg een functions.php toe die de stylesheet van het hoofdthema inlaadt.
  • Activeer het child theme.
Kan ik mijn thema niet gewoon direct aanpassen?

Dat kan, maar bij de eerstvolgende update van het thema ben je je aanpassingen kwijt. WordPress vervangt dan alle bestanden van het hoofdthema door de nieuwe versie. Ook wijzigingen die je via Weergave, Thema-bestandseditor in style.css of functions.php hebt gedaan, verdwijnen.

Updates overslaan om je werk te bewaren is geen goed idee. Updates dichten vaak beveiligingslekken en houden je thema geschikt voor nieuwe versies van WordPress. Met een child theme hoef je die keuze niet te maken: het hoofdthema krijgt gewoon updates en jouw aanpassingen blijven staan.

Heb ik een child theme nodig als ik alleen CSS aanpas?

Niet per se. Voor een paar regels CSS kun je ook het veld Extra CSS gebruiken onder Weergave, Aanpassen. Die code staat in de database en blijft bewaard bij thema-updates. Bij blokthema's vind je een vergelijkbare optie in de site-editor onder Stijlen.

Ook instellingen die je met een paginabouwer zoals Elementor maakt, staan los van de themabestanden.

Een child theme is wel handig als je:

  • sjabloonbestanden van het thema wilt aanpassen;
  • eigen PHP-code in functions.php wilt zetten;
  • veel CSS overzichtelijk in één bestand wilt beheren.
Wat moet ik doen als mijn site leeg blijft na activeren?

Meestal zit er een fout in functions.php of klopt de regel Template in style.css niet. Zo los je het op:

  • Kijk of WordPress je een e-mail heeft gestuurd met een link naar de herstelmodus. Daarmee kun je weer inloggen.
  • Lukt dat niet, open dan je bestanden via FTP of het bestandsbeheer van je hosting en geef de map van het child theme een andere naam. WordPress valt dan terug op een ander thema.
  • Controleer of Template precies overeenkomt met de mapnaam van het hoofdthema, inclusief hoofdletters.
  • Zoek in functions.php naar typfouten of een ontbrekende puntkomma.

Maak voortaan eerst een back-up met UpdraftPlus.

Raak ik instellingen kwijt als ik overstap naar een child theme?

Soms wel. WordPress ziet een child theme als een nieuw thema. Instellingen die per thema worden bewaard, zoals je logo, kleuren, menulocaties en widgets in de Customizer, kunnen daardoor leeg zijn. Je pagina's, berichten en plugins blijven gewoon staan.

Zo voorkom je verrassingen:

  • Maak eerst een volledige back-up met UpdraftPlus.
  • Gebruik in Child Theme Configurator de optie om menu's, widgets en Customizer-instellingen van het hoofdthema over te nemen.
  • Test de overstap het liefst eerst op een testomgeving van je hosting.
  • Loop na het activeren je belangrijkste pagina's na.
Meer lezen in de officiële documentatieWordPress Theme Handbook over child themesdeveloper.wordpress.org
Wil je een WordPress-site die updates overleeft?Bekijk hoe we websites bouwen →
Persoonlijk advies

Liever even sparren over je marketing?

Plan een kennismakingsgesprek. We kijken samen naar je situatie en wat de beste volgende stap is.

Plan een kennismaking →