Wil je aanpassingen maken aan je WordPress thema? Dan is een child theme de veilige manier. In dit artikel leg ik uit wat een child theme is en hoe je er een maakt.

Wat is een child theme?

Een child theme is een thema dat de functionaliteit van een ander thema (het "parent theme") overneemt. Je kunt aanpassingen maken in het child theme zonder het originele thema te wijzigen.

Voordelen van een child theme:

  • Je aanpassingen blijven behouden na thema updates
  • Je kunt altijd terug naar het origineel
  • Makkelijker te onderhouden dan directe thema aanpassingen
  • Veiliger experimenteren met code

Stap 1: maak de child theme map aan

Maak verbinding met je hosting via FTP of de bestandsbeheerder in DirectAdmin. Ga naar wp-content/themes en maak een nieuwe map aan.

Noem de map bijvoorbeeld: jouw-thema-child (vervang "jouw-thema" door de naam van je parent theme).

Stap 2: maak style.css aan

In de nieuwe map maak je een bestand genaamd style.css met de volgende inhoud:

/*
Theme Name: Jouw Thema Child
Template: jouw-thema*/

Belangrijk:

  • Theme Name - De naam die je in WordPress ziet (mag je zelf kiezen)
  • Template - De exacte mapnaam van het parent theme (moet exact overeenkomen)

Stap 3: maak functions.php aan

Maak een bestand genaamd functions.php met deze code:

<?php
add_action('wp_enqueue_scripts', 'child_theme_styles');
function child_theme_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style'));
}

Deze code zorgt dat zowel de parent als child theme stijlen worden geladen.

Stap 4: activeer het child theme

  1. Ga in WordPress naar Weergave > Thema's
  2. Je ziet nu je child theme in de lijst
  3. Klik op Activeren

Je site ziet er nu hetzelfde uit als voorheen, maar draait op het child theme.

Aanpassingen maken

CSS aanpassingen

Voeg je eigen CSS toe aan het style.css bestand van het child theme, onder de theme header:

/*
Theme Name: Jouw Thema Child
Template: jouw-thema*/

/* Jouw aanpassingen hieronder*/
body {
    font-size: 16px;
}

.header {
    background-color: #333;
}

Template bestanden overschrijven

Wil je een template bestand aanpassen (bijvoorbeeld header.php)? Kopieer het bestand van het parent theme naar je child theme map en pas het daar aan. WordPress gebruikt automatisch de versie uit het child theme.

Functies toevoegen

Extra functies voeg je toe aan functions.php van het child theme. Deze worden geladen naast (niet in plaats van) de parent functions.

Veelgemaakte fouten

Template naam klopt niet

De Template regel in style.css moet exact overeenkomen met de mapnaam van het parent theme. Check dit via FTP als je child theme niet werkt.

Styles laden niet

Controleer of functions.php correct is en geen PHP fouten bevat. Een kleine typfout kan al problemen veroorzaken.

Aanpassingen worden overschreven

Zorg dat je CSS specifiek genoeg is. Soms moet je !important toevoegen of meer specifieke selectors gebruiken.

Child theme met een plugin

Wil je geen code schrijven? Er zijn plugins die een child theme voor je genereren:

  • Child Theme Configurator - Maakt automatisch een child theme en helpt bij CSS aanpassingen
  • Child Theme Wizard - Simpele wizard om een child theme te genereren

Deze plugins zijn handig voor beginners, maar het handmatig maken geeft je meer controle.

Wanneer geen child theme nodig

Een child theme is niet altijd nodig:

  • Bij kleine CSS aanpassingen kun je de Customizer (Weergave > Aanpassen > Extra CSS) gebruiken
  • Als je thema zelf al child theme ondersteuning heeft met ingebouwde opties
  • Als je een page builder zoals Elementor gebruikt voor alle aanpassingen

Maak voordat je begint altijd een backup van je site. Zo kun je altijd terug als er iets misgaat.

Hulp nodig bij het opzetten van je child theme? Bij Theory7 helpen we je graag verder.

Veelgestelde vragen

Verlies ik mijn aanpassingen bij een parent theme update?

Nee, dat is juist het voordeel van een child theme. Je aanpassingen staan in aparte bestanden die niet worden overschreven.

Kan ik meerdere child themes hebben?

Je kunt meerdere child themes maken, maar je kunt er maar een tegelijk actief hebben.

Werkt een child theme met elk thema?

De meeste thema's ondersteunen child themes. Bij sommige premium thema's is de ondersteuning beperkt of wordt een eigen child theme meegeleverd.