Introductie
Je bouwt een website in WordPress met een mooi thema, misschien gecombineerd met Elementor of Divi. Je past wat CSS aan, voegt een klein stukje functionaliteit toe en dan komt de thema-update: al je aanpassingen zijn ineens weg.
Dat probleem voorkomt een child theme. Als dé expert in website bouwen en WordPress-oplossingen (allesoverhosting.nl) leggen we uit wat een child theme is, waarom je het nodig hebt en hoe je er praktisch mee aan de slag gaat.
Wat is een child theme?
Een child theme is een klein WordPress-thema dat je eigen aanpassingen bevat en de functionaliteit van een parent theme (oorspronkelijk thema) overneemt. Het parent theme blijft de basis, maar wijzigingen zet je in het child theme.
Zo kun je thema’s, plugins en pagebuilders zoals Elementor of Divi gebruiken zonder dat je aanpassingen verloren gaan bij updates. Het is een eenvoudige, standaard best practice voor website design en onderhoud.
Waarom heb je een child theme nodig?
Een child theme beschermt je werk tegen updates van het parent theme. Thema-updates vervangen vaak bestanden en overschrijven direct gemaakte wijzigingen.
Daarnaast maakt een child theme het beheer overzichtelijker: je houdt custom CSS, template-aanpassingen en kleine functies gescheiden van het originele thema.
Concreet voordeel voor snelheid en veiligheid
Door aanpassingen in een child theme te plaatsen kun je het parent theme regelmatig updaten voor performance- en security-patches. Dat verbetert de snelheid en vermindert veiligheidsrisico’s.
Wanneer gebruik je een child theme?
- Als je CSS of templates wilt aanpassen (bijv. header.php of single.php).
- Als je kleine functionaliteiten toevoegt via functions.php.
- Als je een thema wilt uitbreiden zonder te forken of eigen thema te bouwen.
- Als je samenwerkt met designers die werken in Elementor of Divi en structurele wijzigingen nodig zijn.
Wanneer is een child theme niet nodig?
- Als je alleen instellingen wijzigt via de Customizer of pagebuilder (Elementor / Divi) en alles in de database opslaat.
- Als je een eigen plugin gebruikt voor functionaliteit in plaats van themabestanden aan te passen.
Hoe maak je een child theme (stappen)
Een child theme maken is meestal simpel. Hieronder de basisstappen die werken voor de meeste WordPress-thema’s.
- Maak een nieuwe map in wp-content/themes, bijvoorbeeld parenttheme-child.
- Maak een style.css met header-informatie en import of enqueue van parent stylesheet.
- Maak een functions.php voor extra PHP-functies en het netjes inladen van styles.
- Zet je aangepaste templatebestanden of CSS in de child-theme map.
- Activeer het child theme via Weergave > Thema’s in WordPress.
Voorbeeld: minimale files
style.css (vervang parenttheme door de naam van het parent theme)
/*
Theme Name: ParentTheme Child
Template: parenttheme
*/
functions.php (aanbevolen manier om style te laden)
<?php
add_action( 'wp_enqueue_scripts', 'child_enqueue_styles' );
function child_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
}
?>
Child theme en pagebuilders: Elementor en Divi
Elementor en Divi slaan veel instellingen in de database, maar layout- en template-aanpassingen kunnen toch thema-afhankelijk zijn. Een child theme is zinvol als je:
- custom templates toevoegt die samenwerken met de pagebuilder;
- PHP-logica of aangepaste hooks nodig hebt;
- globale CSS wilt organiseren buiten de pagebuilder.
Voor Elementor kun je bijvoorbeeld site templates in de child theme plaatsen of custom widgets registreren via functions.php. Bij Divi geldt hetzelfde voor custom modules en template overrides.
Praktische tip voor Elementor/Divi gebruikers
Gebruik child themes voor code en sjablonen, en Elementor/Divi voor content en design. Zo houd je onderhoud en updates overzichtelijk en veilig.
Plugins die helpen met child themes
Er zijn plugins die het maken van een child theme automatiseren. Ze zijn handig als je snel wilt starten zonder FTP of code.
- Child Theme Configurator — analyseert en maakt child themes.
- One-Click Child Theme — snel child theme aanmaken en activeren.
Gebruik plugins spaarzaam en controleer altijd de gegenereerde bestanden. Wij bij allesoverhosting.nl adviseren handmatige controle bij productie-sites.
Best practices en valkuilen
- Houd custom functionaliteit in een plugin als het thema onafhankelijk moet blijven.
- Test updates eerst op een staging-omgeving voordat je ze live doorvoert.
- Gebruik duidelijke bestandsnamen en commentaar in CSS/PHP voor onderhoud.
- Controleer compatibiliteit met plugins die thema-templates overschrijven.
Snelheid en onderhoud
Een child theme zelf vertraagt je site niet. Problemen ontstaan door zware CSS- of PHP-aanpassingen. Optimaliseer CSS en vermijd onnodige scripts in functions.php.
Veiligheid en updates
Het grootste veiligheidsvoordeel is dat je parent theme updates kunt blijven toepassen. Zo krijg je beveiligingspatches zonder je custom werk te verliezen.
Bewaar altijd backups en zet automatische updates voor parent themes aan als je goed hebt getest via staging.
Praktische check voor livegang
- Is het child theme actief en geladen? (Weergave > Thema’s)
- Werkt de site op een staging-omgeving nadat je het parent theme hebt geüpdatet?
- Zijn custom functies verplaatst naar een plugin waar relevant?
Praktische tip: maak vóór een thema-update altijd een snelle staging-test: activeer het parent theme tijdelijk in een kopie van je site of gebruik een staging-omgeving bij je hosting, update het parent theme en controleer of alle templates en plugins (Elementor, Divi, etc.) nog correct werken.