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:

  1. Verander de de gegevens in de code naar de gegevens die bij jouw website horen. (author, author uri)
  2. De regel template geeft aan wat het hoofd-theme is. In dit geval dus Avada
  3. 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.

 

 

 

Heeft dit artikel jou geholpen? Laat het ons weten.

0
antwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *