Comment créer un thème enfant pour Divi  en 10 minutes seulement ?

Lorsque l’on utilise le thème Divi c’est généralement parce qu’on souhaite créer un design sur mesure avec une customisation de Divi assez poussée qui nécessite alors de créer un thème enfant pour Divi. 

Ou bien lorsque vous avez acheté un template premium pour Divi via une marketplace ou un site de développeur qui vous fournit un site prêt à l’emploi.

S’il existe de plug-ins pour se faire, il n’est généralement pas conseillé de les utiliser. La meilleure des options est encore de créer soi-même son thème enfant.  

C’est que nous allons voir ensemble. 

Qu’est-ce qu’un thème enfant Divi ?

L’on désigne par un thème enfant un thème secondaire qui dépend d’un thème parent Divi et qui permet d’effectuer des modifications sans impacter le thème Divi de base. 

Ainsi, le thème parent et le thème enfant sont protégés des modifications effectuées sur l’un ou sur l’autre de façon complètement indépendante.

La création d’un thème enfant pour Divi est relativement simple et nécessite seulement un éditeur de texte, le thème Divi évidement, un fichier style.css et functions.php. 

Les étapes pour créer votre thème enfant pour Divi. 

1 – créer le fichier functions.php 

Pour ce faire, vous allez avoir besoin d’un éditeur de texte comme Notepad ++. La première chose à faire est d’ouvrir votre logiciel et cliquer sur Fichier –> Nouveau.

Dans ce fichier vous saisissez simplement les lignes suivantes :

<?php 
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}

 Puis vous allez enregistré ce fichier sur votre ordinateur en faisant Fichier -> Enregistrer sous et nommez le document functions.php 

2 –  Créer le fichier style.css 

Ce deuxième fichier est obligatoire pour la conception du thème enfant pour Divi. C’est dans celui-ci que vous pourrez effectuer toutes vos modifications css sans affecter Divi directement.

Bien, toujours à l’aide de votre éditeur de texte Notepad++ créez un nouveau document et copier-coller le code ci-dessous :

/*
 Theme Name: Divi enfant
 Description: Theme enfant pour Divi
 Author: Votre nom
 Author URI: https://votresiteweb.com
 Template: Divi
 */

Modifiez le nom de votre thème à votre guise, sa description, votre nom et votre site web. Puis enregistrez votre fichier sous le nom styles.css

 3 – créer une miniature (optionnel)

La miniature est l’image de présentation du thème lorsqu’il figure dans l’onglet Apparence de WordPress. C’est un petit bonus très pratique pour retrouver facilement votre thème où si vous le concevez pour un client.

La dimension de cette miniature est de 1200px x 900px qu’il faut enregistrer sous le nom screenshot.png

4 – Créer un dossier pour votre thème enfant Divi

Vous possédez désormais trois fichiers :

screenshot.png

functions.php

style.css

Que vous allez pouvoir déplacer dans un fichier qui portera le nom de votre thème enfant pour Divi. « Divi-enfant-nom » par exemple. Pensez également à compresser le dossier dans une archive en .zip.

5 – Importer votre thème enfant sur WordPress

Sur WordPress les thèmes s’installent très facilement que se soit en ligne ou en local (avec xampp par exemple).

Pour cela il vous suffit de vous rendre dans votre interface d’administration onglet Apparence. Cliquez ensuite sur Ajouter un nouveau et sélectionnez votre archive en .zip. 

Votre thème enfant va donc apparaitre dans la liste des thèmes disponibles et vous n’avez plus qu’a cliquer sur Activer.

Et voila le tour en jouer, en 10 -5 minutes vous venez de créer votre thème enfant pour Divi. C’était facile n’est-ce pas ?

Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *