Wat is een WordPress child theme?

Gebruik jij WordPress voor je website en vraag je je af: wat is een WordPress child theme? Dan zit je hier goed. In dit artikel leggen we stap voor stap uit wat een child theme is, waarom het handig is, wanneer je het nodig hebt en nog belangrijker, hoe je er zelf één maakt.

Als jouw bedrijf werkt met WordPress en regelmatig thema-updates of aanpassingen uitvoert, is een child theme bijna onmisbaar.

Wat is een Child Theme?

Een child theme is een WordPress-thema dat de stijlen en functionaliteiten van een ander thema (het parent theme) overneemt. Het is dus letterlijk een “kind”-versie van een hoofdthema.

Waarom zou je zoiets gebruiken? Simpel: zodat je veilig aanpassingen kunt doen zónder dat alles verloren gaat wanneer je het hoofdthema bijwerkt.

Waarom een child theme gebruiken?

Stel: je hebt een WordPress-thema geïnstalleerd en past allerlei dingen aan – zoals CSS-stijlen of PHP-code in functions.php. Dan komt er een update voor het thema. Als je in het hoofdthema hebt gewerkt, ben je al je wijzigingen kwijt na het updaten.

Met een child theme blijven je aanpassingen bewaard. Ideaal dus voor wie regelmatig dingen aanpast zoals:

• Custom CSS (bijv. aangepaste kleur, padding, layout)
• Extra functionaliteit met PHP
• Templates aanpassen zonder risico op dataverlies

Wanneer heb je geen child theme nodig?

Gebruik je alleen de instellingen van het thema zonder ooit in de code of CSS te duiken? Dan kun je gerust zonder child theme werken.

Zeker bij moderne thema’s met uitgebreide visuele aanpassingsopties (zoals Hello Elementor) is het soms niet nodig. Maar als je zelfs maar één regel CSS of PHP toevoegt, doe jezelf een plezier en werk met een child theme.

Voordelen van een child theme

Een child theme biedt meerdere voordelen:

• Veilig aanpassen: Je kunt zonder zorgen CSS of PHP toevoegen zonder dat dit bij een update verloren gaat.
• Schoon en overzichtelijk: Je wijzigingen staan los van het originele thema.
• Makkelijk updaten: Het hoofdthema blijft up-to-date, terwijl jouw wijzigingen behouden blijven.
• Sneller ontwikkelen: Je werkt alleen aan de onderdelen die jij aanpast, wat tijd bespaart.

Nadelen van een child theme

Toch zijn er ook een paar nadelen:

• Afhankelijk van parent theme: Als het hoofdthema slecht gecodeerd is, heb je alsnog problemen.
• Beperkt zonder kennis: Zonder enige CSS of PHP-kennis heb je weinig voordeel van een child theme.

Hoe maak je een child theme aan in WordPress?

Er zijn 3 methodes: handmatig, met een plugin of via je hoofdthema als dat het aanbiedt. Hieronder lichten we ze alle drie kort toe.

Methode 1: Handmatig aanmaken

Stap 1: Maak een nieuwe map aan

• Log in op je hosting account > ga naar Bestandsbeheer of gebruik een FTP-programma.
• Navigeer naar: wp-content/themes/
• Maak hier een nieuwe map aan, bijvoorbeeld hello-elementor-child

Stap 2: Voeg het bestand style.css toe

• Open de map hello-elementor-child
• Maak een nieuw bestand aan: style.css
• Kopieer de volgende inhoud erin:

/*
Theme Name: Hello Elementor Child
Theme URI: https://jouwdomein.nl
Description: Child theme voor Hello Elementor
Author: Jouw Naam
Author URI: https://jouwdomein.nl
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Custom styles start below this line */

Let op:

• Je kunt deze koptekst ook kopiëren uit het originele style.css bestand van het hoofdthema Hello Elementor. Ga naar /wp-content/themes/hello-elementor/ en open daar style.css. Kopieer alles boven de CSS-regels en plak dat in je nieuwe bestand.
• Voeg onder de regel /* Custom styles start below this line */ je eigen CSS-code toe.
• Heb je eerder aangepaste CSS toegevoegd via het WordPress Customizer venster? Kopieer die code en plak het hier na de scheidingsregel. Zo blijft het veilig bewaard bij updates.

Stap 3: Voeg het bestand functions.php toe

• In dezelfde map hello-elementor-child, maak je nu een nieuw bestand aan: functions.php
• Plak hier de volgende code als tekst in:

<?php
function hello_elementor_child_enqueue_styles() {
    wp_enqueue_style(
        'hello-elementor-style',
        get_template_directory_uri() . '/style.css'
    );

    wp_enqueue_style(
        'hello-elementor-child-style',
        get_stylesheet_directory_uri() . '/style.css',
        ['hello-elementor-style']
    );
}
add_action('wp_enqueue_scripts', 'hello_elementor_child_enqueue_styles');
function custom_login_styles() {
    wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/admin-login-style.css');
}
add_action('login_enqueue_scripts', 'custom_login_styles');
remove_action('wp_head', 'wp_generator');

Tip:

Je hoeft hier niets aan te passen. Deze code laadt het originele CSS-bestand én jouw eigen wijzigingen. Net als bij style.css, kun je ook functions.php openen in het hoofdthema en delen hergebruiken.

Stap 4: Voeg een screenshot toe

• Ga naar de map van het originele thema: wp-content/themes/hello-elementor/
• Kopieer het bestand screenshot.png
• Plak het in de map hello-elementor-child/

Tip:

Je kunt dit bestand vervangen door een eigen afbeelding van 1200×900 pixels. Zo ziet je child theme er uniek uit in het dashboard.

Stap 5: Activeer het child theme

• Log in op je WordPress-dashboard
• Ga naar Weergave > Thema’s
• Je ziet nu je nieuwe child theme. Activeer het.

Je WordPress website draait nu op het child theme en je kunt vanaf nu veilig aanpassingen maken.

“Een child theme geeft je de vrijheid om je WordPress website helemaal naar wens aan te passen, zonder bang te zijn dat updates je werk ongedaan maken. Het combineert veiligheid met flexibiliteit en zorgt ervoor dat jouw creativiteit altijd behouden blijft.”
Bron: Webtalis

Methode 2: Met een plugin

Je kunt ook een plugin gebruiken zoals child theme configurator. Deze plugin maakt automatisch een child theme voor je aan en kopieert belangrijke instellingen. Ideaal voor beginners, maar minder flexibel als je geavanceerde aanpassingen wilt doen.

Methode 3: Via het hoofdthema zelf

Sommige premium WordPress-thema’s (zoals Astra, OceanWP of sommige Themify-thema’s) bieden zelf een ingebouwde optie om met één klik een child theme te genereren. Je vindt deze optie dan in hun instellingenpaneel onder “Theme Tools” of “Advanced Options”.

Let op: niet elk thema heeft deze functie. Hello Elementor heeft deze optie bijvoorbeeld niet, dus dan kies je voor methode 1 of 2.

Nog geen thema gekozen? Lees onze overzichtelijke lijst met de 17 Beste gratis WordPress thema’s en kies wat bij jouw site past.

Hoe update je het hoofdthema zonder je child theme te verliezen?

Wanneer er een nieuwe update beschikbaar is voor je hoofdthema (zoals Hello Elementor), kun je deze gewoon updaten via het WordPress-dashboard. Omdat je met een child theme werkt, blijven al je aanpassingen zoals aangepaste CSS en functies veilig behouden. Je hoeft dus niets in je child theme te veranderen.

Conclusie

Of je een child theme nodig hebt, hangt volledig af van hoe jij met je WordPress website werkt. Pas je regelmatig CSS of PHP aan, of wil je zeker weten dat je aanpassingen veilig blijven bij updates? Dan is een child theme de beste keuze.

Gebruik je vooral de standaardinstellingen van je thema of werk je met visuele builders zoals Elementor zonder in de code te duiken? Dan kun je prima zonder child theme.

Kortom: voor wie maatwerk en flexibiliteit belangrijk vindt, is een child theme bijna onmisbaar. Voor wie simpelweg een thema installeert en gebruikt zoals het is, is het vaak overbodig. Jij bepaalt dus zelf wat bij jouw situatie past.

Veelgestelde vragen over Child Theme in WordPress

1. Kan ik achteraf een child theme maken als ik al aanpassingen in mijn hoofdthema heb gedaan?

Ja, dat kan. Je moet dan wel je aangepaste CSS en functies handmatig kopiëren naar het nieuwe child theme. Hoe sneller je overstapt, hoe minder werk je hebt.

2. Moet ik altijd een child theme gebruiken?

Niet altijd. Als je alleen de standaardinstellingen van een thema gebruikt en nooit in de code werkt, dan is een child theme niet per se nodig.

3. Vertraagt een child theme mijn website?

Nee. Een child theme voegt geen extra belasting toe aan je website. Het laadt simpelweg het hoofdthema en jouw wijzigingen.

4. Kan ik meerdere child themes tegelijk gebruiken?

Nee. Een WordPress site kan maar één actief thema hebben. Je kunt wel meerdere child themes aanmaken, maar je kunt er telkens maar één activeren.

5. Wat gebeurt er als het parent theme verwijderd wordt?

Een child theme werkt alleen zolang het hoofdthema aanwezig blijft. Wordt het hoofdthema verwijderd, dan kan je site fouten geven. Zorg dus dat je het parent theme altijd geïnstalleerd houdt, ook al staat het niet actief.