Hoe maak je een WordPress Child Theme en waarom is het handig?

Een van de grootste voordelen van WordPress is de mogelijkheid om thema’s te gebruiken om de uitstraling en functionaliteit van je site aan te passen. Maar wat als je een bestaand thema wilt aanpassen zonder het risico te lopen dat je wijzigingen verloren gaan bij een update? Hier komt het concept van een child theme (kindthema) om de hoek kijken.

Wat is een WordPress Child Theme?

Een child theme is een thema dat de functionaliteit en stijl overneemt van een ander bestaand thema, het zogenaamde parent theme (ouderthema). Dit betekent dat je aanpassingen kunt maken aan het uiterlijk en de werking van een website zonder de originele bestanden van het parent theme te wijzigen.

Wanneer WordPress een pagina laadt, zal het eerst controleren of er bestanden in het child theme aanwezig zijn. Als dat niet het geval is, zal het terugvallen op het parent theme. Hierdoor kun je veilig wijzigingen doorvoeren zonder dat updates van het hoofdthema je werk overschrijven.

Waarom een Child Theme gebruiken?

Het gebruik van een child theme heeft verschillende voordelen:

1. Behouden van aanpassingen bij updates
   Als je rechtstreeks wijzigingen aanbrengt in een WordPress-thema en vervolgens het thema bijwerkt, gaan deze wijzigingen verloren. Met een child theme blijven je aanpassingen intact.
2. Makkelijk experimenteren en aanpassen
   Een child theme maakt het mogelijk om nieuwe functies toe te voegen of de CSS van je site aan te passen zonder dat je het originele thema beschadigt.
3. Betere organisatie en onderhoudbaarheid
   Door een child theme te gebruiken, blijft je code georganiseerd en overzichtelijk. Je hoeft alleen de wijzigingen in het child theme te beheren in plaats van het volledige parent theme te overschrijven.
4. Gemakkelijk terugdraaien van wijzigingen
   Omdat het child theme slechts wijzigingen bevat en niet het hele thema overschrijft, kun je snel terugvallen op het oorspronkelijke thema als er iets misgaat.

Hoe maak je een WordPress Child Theme?

Het maken van een child theme is relatief eenvoudig. Volg deze stappen om een eigen child theme te maken en te activeren.

Stap 1: Maak een map voor je child theme

Navigeer naar de wp-content/themes/ map in je WordPress-installatie en maak een nieuwe map aan. Geef de map een logische naam, bijvoorbeeld mijn-childtheme.

Stap 2: Maak een stylesheet (style.css)

In de map van je child theme moet je een bestand genaamd style.css maken. Dit bestand bevat de stijlinstructies van je thema. Voeg de volgende code toe aan style.css:

/*
Theme Name: Mijn Child Theme
Theme URI: http://jouwwebsite.nl
Description: Een child theme gebaseerd op het Twenty Twenty-Four thema.
Author: Jouw Naam
Author URI: http://jouwwebsite.nl
Template: twentytwentyfour
Version: 1.0.0
*/

Let op de regel Template: twentytwentyfour. Dit moet exact overeenkomen met de mapnaam van het parent theme.

Stap 3: Maak een functions.php-bestand

Om de stijlen van het parent theme te laden, moet je een functions.php bestand maken in de child theme-map. Voeg hierin de volgende code toe:

<?php
function mijn_childtheme_enqueue_styles() {
    $parent_style = 'parent-style';
    
    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), wp_get_theme()->get('Version'));
}
add_action('wp_enqueue_scripts', 'mijn_childtheme_enqueue_styles');

Deze code zorgt ervoor dat de CSS van het parent theme correct wordt geladen, samen met de CSS van het child theme.

Stap 4: Activeer het Child Theme

Ga in het WordPress-dashboard naar Weergave > Thema’s, en je ziet nu je nieuwe child theme in de lijst staan. Klik op Activeren om het in gebruik te nemen.

Stap 5: Pas je Child Theme aan

Nu je child theme actief is, kun je wijzigingen maken zonder het originele thema te wijzigen. Hier zijn een paar manieren om dit te doen:

• CSS-aanpassingen: Voeg extra stijlen toe in style.css om kleuren, lettertypen en indelingen te veranderen.
• Template-bestanden overschrijven: Kopieer bestanden uit de parent theme-map naar je child theme-map en pas ze aan. Bijvoorbeeld header.php, footer.php of single.php.
• Nieuwe functies toevoegen: Gebruik functions.php om extra functionaliteit toe te voegen, zoals aangepaste widgets of shortcodes.

Conclusie

Het maken van een child theme in WordPress is een eenvoudige en effectieve manier om je website aan te passen zonder het risico dat je wijzigingen verloren gaan bij een update. Door een child theme te gebruiken, behoud je de flexibiliteit van een bestaand thema terwijl je het volledig naar wens kunt aanpassen.

Heb je vragen of wil je jouw ervaring met child themes delen? Bel dan gerust 06 42 08 83 87!