Heb je ooit een WordPress-update gedraaid en al je aanpassingen verloren? Dat is wat er gebeurt als je direct in een thema bewerkt. Een child theme voorkomt dit volledig. In deze gids leer je het in 15 minuten aanmaken.
Wat is een child theme?
Een child theme erft alle stijlen en functies van het bovenliggende parent theme. Jouw aanpassingen staan in het child theme β het parent theme kan vrij worden bijgewerkt zonder dat je wijzigingen verloren gaan.
Stap 1: Maak een map aan
Maak via FTP of het bestandsbeheer van je hosting een nieuwe map aan in /wp-content/themes/. Geef de map de naam van het parent theme plus -child, bijv. generatepress-child.
Stap 2: Maak style.css aan
/*
Theme Name: GeneratePress Child
Template: generatepress
Description: Child theme voor GeneratePress
Version: 1.0
*/
/* Jouw custom CSS hieronder */
Belangrijk: de waarde na Template: moet exact de mapnaam zijn van het parent theme.
Stap 3: Maak functions.php aan
<?php
add_action('wp_enqueue_scripts', function() {
wp_enqueue_style(
'parent-style',
get_template_directory_uri() . '/style.css'
);
});
Stap 4: Activeer het child theme
Ga in WordPress naar Weergave β Thema’s. Je child theme verschijnt nu in de lijst. Klik op “Activeren”. Je site ziet er hetzelfde uit β maar nu heb je een veilige basis voor al je aanpassingen.
Via plugin (eenvoudiger)
Geen FTP? Installeer de plugin Child Theme Configurator. Ga naar Hulpprogramma’s β Child Themes en volg de wizard β klaar.
Veelgemaakte fouten
- Verkeerde mapnaam β Template-waarde in style.css moet exact de mapnaam van het parent theme zijn
- PHP-fout in functions.php β test altijd op staging, een fout maakt je site onbereikbaar
- Direct in parent theme bewerkt β doe dit nooit, wijzigingen gaan verloren bij updates
Conclusie
Een child theme aanmaken duurt 15 minuten en beschermt al je harde werk bij thema-updates. Het is een van de meest fundamentele WordPress-gewoonten.
Wil je custom PHP-code toevoegen? Gebruik onze AI Snippet Generator β beschrijf in gewoon Nederlands wat je wilt en ontvang werkende code.