Als je van plan bent om met Divi je website te bouwen, is het sterk aangeraden om een child thema te gebruiken.

Een child thema maakt gebruik van de opmaak, functies en stijl van het Divi hoofdthema. Dmv. een child thema zorg je ervoor dat alle aanpassing die je aanbrengt aan je site, bewaard blijven na een Divi update.

Je kan zo extra functies toevoegen of de volledige opmaak van elke pagina wijzigen door bestanden te kopiëren uit de Divi folder en een aangepaste versie te bewaren in je child thema folder. Op je site zal de aangepaste versie getoond worden.

Het klinkt complex maar dat is het helemaal niet!
Meer artikels over het aanpassen van child themes volgt later.

Welke documenten horen in een child thema ?

Een child thema bevat minimum 3 bestanden :

  • style.css
  • functions.php
  • screenshot.jpg (880px x 660px)

style.css

Open een text editor zoals bv. Notepad en maak een nieuw document aan.
Plaats onderstaande code in dit document en bewaar het bestand als style.css :

/*-------------------------------------------------------
Theme Name: Divi child thema
Theme URI: https://ibiz.be/
Description: Een starter child thema voor Divi
Author: Ibiz
Author URI: https://ibiz.be/
Template: Divi
Version: 1.0.0
----------------- Plaats hieronder je eigen css opmaak ------------------*/

Pas bovenstaande tekst aan naar wens.
Belangrijk is de naam van het hoofdthema: deze moet IDENTIEK zijn. Zoniet, zal je child thema onbruikbaar zijn.
Identiek houdt ook in: hoofdlettergevoelig (dus Divi en niet divi)

functions.php

Bevat code om de opmaak en functionaliteit van je hoofdthema (Divi in dit geval) te importeren.
Maak een 2de document aan en noem dit functions.php. Kopiëer onderstaande code in dit document en bewaar het bestand.

<?php
/*-------------------------------------------------------
 * Ibiz.be starter Divi child thema Functions.php
----------- Voeg hieronder je eigen code toe -----------*/
 
function ibiz_divi_child_thema_enqueue_scripts() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'ibiz_divi_child_thema_enqueue_scripts' );

screenshot.jpg

Dit is de afbeelding die zal getoond worden in je WordPress administratie > Thema’s.
Maak een .jpg bestand van 880x660px en bewaar dit in je child thema folder.

Ga nu naar het bureaublad van je computer en maak een .zip bestand van je zopas aangemaakte folder met daarin de 3 bestanden. Geef je .zip bestand de naam van je child thema.

Je Divi starter child thema is klaar om te installeren op je website.

Child thema installeren op je website

Ga naar je WordPress administratie en kies voor Weergave > Thema’s.
Klik op Nieuw toevoegen.

Klik op de knop bovenaan Thema uploaden

Kies je child thema .zip bestand door te klikken op Bladeren en druk op de Nu installeren knop.

Zodra de installatie is afgelopen, krijg je een melding te zien. Klik op de Activeren link.

Je child thema is nu geïnstalleerd en geactiveerd.

Meer is er niet nodig om je site van een basis child thema te voorzien.

Je eigen opmaak css kan nooit overschreven worden bij een Divi update en extra functionaliteiten, toegevoegd via functions.php, zal steeds bewaard blijven.

Veel plezier met je “update veilige” website!