Een child theme in WordPress: wat en waarom

Je WordPress-thema bepaalt hoe je website eruitziet. Vroeg of laat wil je er iets aan veranderen dat niet in de instellingen zit: een extra veld op productpagina's, een aangepaste footer, een eigen sjabloon. Wie dat direct in de bestanden van het thema doet, verliest het bij de volgende update. Daarvoor bestaat het child theme.

Hoe werkt het?

Een child theme is een apart thema met minimaal twee bestanden:

• style.css met een kopregel waarin staat welk thema de "parent" is;
• functions.php (bij klassieke thema's) of theme.json (bij blokthema's) voor aanvullingen.

WordPress gebruikt alles van het parent-thema, tenzij het child theme een bestand met dezelfde naam heeft. Dan wint het child theme. Zo kun je één sjabloon aanpassen zonder de rest te kopiëren. Bij een update van het parent-thema blijven je aanpassingen bestaan.

Wanneer heb je het nodig?

• Kleuren, lettertypes en layout via de Customizer of site-editor — Child theme nodig?: nee
• Een paar regels extra CSS via "Extra CSS" — Child theme nodig?: meestal nee
• Sjablonen (templates) aanpassen — Child theme nodig?: ja
• PHP-functies toevoegen of wijzigen — Child theme nodig?: ja, of in een eigen plugin
• Een maatwerkthema dat alleen voor jou gemaakt is — Child theme nodig?: nee, het thema zelf is dan al maatwerk

Functionaliteit die niets met het ontwerp te maken heeft (zoals een koppeling of een extra posttype) hoort vaak beter in een kleine eigen plugin. Die blijft werken als je later van thema wisselt.

Een child theme maken

1. Maak een back-up van je website.
2. Gebruik bij voorkeur de mogelijkheid van het thema zelf. Veel populaire thema's bieden een kant-en-klaar child theme om te downloaden.
3. Of maak het handmatig in wp-content/themes/: een nieuwe map met style.css (met Template: naam-van-parent) en een functions.php die de stijlen van het parent-thema laadt. De WordPress-ontwikkelaarsdocumentatie beschrijft dit stap voor stap.
4. Activeer het child theme onder Weergave → Thema's. Controleer daarna de website: soms moeten menu's en widgets opnieuw worden toegewezen.
5. Zet je aanpassingen voortaan in het child theme.

Wat als je al aanpassingen in het thema hebt gedaan?

Update het thema dan niet blind: je aanpassingen gaan verloren. Vergelijk eerst de gewijzigde bestanden met het origineel, zet de aanpassingen over naar een child theme of plugin, en update daarna. Zie ook Een WordPress-thema veilig updaten.

Voorbeeld

Stel: een webshop op WooCommerce heeft in het thema zelf een sjabloon aangepast om een extra levertijdmelding te tonen. Na een thema-update is de melding verdwenen. Door het aangepaste sjabloon in een child theme te plaatsen, blijft de melding bij volgende updates staan.

Twijfel je of je met een thema, de blokeditor of een pagebuilder werkt, zie dan WordPress: blokeditor of pagebuilder?.

Na het wisselen van thema of plugins blijven vaak resten achter in de database; zie De WordPress-database opschonen.

Veelgestelde vragen

Vertraagt een child theme mijn website?

Nauwelijks. Het laadt hooguit een extra klein stylesheet.

Kan ik later terug naar het parent-thema?

Ja, maar aanpassingen in het child theme zijn dan niet meer actief.

Werken child themes ook met blokthema's?

Ja. Bij blokthema's pas je vaak theme.json en sjablonen in het child theme aan.

Moet ik code kunnen schrijven?

Voor het aanmaken is weinig code nodig; voor de aanpassingen zelf meestal wel kennis van PHP, HTML of CSS.

Wie beheert het child theme na oplevering?

Spreek dat af met je websitebouwer, net als wie updates controleert.

Hulp nodig?

Wil je dat je WordPress-aanpassingen updates overleven? Bekijk onze dienst WordPress.

Maak altijd een back-up voordat je van thema wisselt, ook als het om een child theme van hetzelfde thema gaat.