WordPress child theme maken

Wat is een child-theme en waarom moet je dit gebruiken? Als je aanpassingen maakt in de thema bestanden zelf dan zal alles prima werken. Tot het moment dat je WordPress thema een update krijgt. Tijdens het updaten zal WordPress dan alle bestanden overschrijven met de nieuwe versie van het thema. Je bent dus simpelweg alle aanpassingen die je eerder gemaakt hebt kwijt in styling en functionaliteit.

Je thema niet meer updaten is een slecht idee. Hackers zullen binnen de kortste keren in je website komen. Maar om toch aanpassingen te kunnen doen en je thema te kunnen updaten is een child-theme de oplossing. Veel WordPress websites waar wij aanpassingen aan verrichtten hebben uiteindelijk een child-theme nodig. Het is dus sterk aan te raden om een child-theme aan te maken meteen nadat je een nieuwe WordPress installatie maakt.

Veel premium thema’s zoals Avada, Enfold of GeneratePress leveren zelf al een child-theme mee bij de download van het thema.

Hoe maak je een child theme?

Veel aangekochte thema’s leveren zelf al een child-theme mee. Daarnaast kun je handmatig een child-theme maken. Of je gebruikt deze plugin:

Child Theme Creator by Orbisius

Voor het instellen van het child-theme heb je twee bestanden nodig.

style.css
functions.php

Wat staat er in style.css?

/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

Het is belangrijk dat je op de volgende punten let:

Verander de de gegevens in de code naar de gegevens die bij jouw website horen. (author, author uri)
De regel template geeft aan wat het hoofd-theme is. In dit geval dus Avada

Wat in functions.php?

function artesign_theme_child_enqueue_styles() {

$parent_style = ‘avada’;

// Zorgt ervoor dat het hoofd-theme geladen wordt
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );

// Zorgt ervoor dat het child-theme geladen wordt
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, artesign_theme_child_enqueue_styles);
?>

Plak deze code in het bestand functions.php. Pas alleen de thema naam aan.

Voordat je deze stappen uitvoert is het altijd goed om een back-up te maken van je huidige website.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.