Hoe maak je een child-theme in WordPress?
Als je een premium/betaalde thema hebt is de kans zeer groot dat je bij het hoofd-theme ook een child-theme gekregen hebt. Het is dan aan te raden deze gelijk te gebruiken. Zorg dat het hoofd-theme en het child-theme in de WordPress omgeving staan. Vervolgens activeer je het child-theme.
Als je geen premium-betaalde thema hebt is het iets meer werk.
Stel we gebruiken het thema Avada, dan maken wij in de filemanager/ftp een mapje aan op de locatie wp-content/themes. We maken dan een mapje aan met de naam ‘avada-child’.
Voor het instellen van het child-theme heb je twee bestanden nodig.
- style.css
- functions.php
In het bestand style.css stoppen we de volgende code.
/*
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
- Om de CSS te laten werken moet je het bestand toevoegen in de functions.php
<?php
function artesign_theme_child_enqueue_styles() {
$parent_style = ‘aavada’;
// 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.