Thème enfant pour Divi de Elegant Themes

Une des questions qui revient souvent sur la toile concerne l’utilisation des thèmes enfants sur wordpress. Vous êtes 85% d’utilisateurs à personnaliser votre thème WordPress, mais seule une poignée utilise un thème enfant également appelé en anglais child theme.

Qu’est-ce qu’un thème enfant ? Comment et pourquoi l’utiliser ?

Un thème enfant est utile lorsque vous modifiez votre thème car cela vous évite de le faire directement dans les fichiers du thème. Car lorsque vous faites une mise à jour, les fichiers du thème sont remplacés par ceux de la dernière version, effaçant par la même toutes les modifications apportées soit de nombreuses heures de durs labeurs… Hélas, on vous comprend car on est passé par là ! La solution réside dans l’utilisation d’un thème enfant qui est dépendant du thème parent, en l’occurence ici, de Divi et qui ne sera pas affecté par les mises à jours. De plus, vous pourrez à tout moment désactiver le thème enfant pour annuler toutes les personnalisations et revenir à la version d’origine du thème.

Je souhaite utiliser un thème enfant… mais je ne sais pas comment m’y prendre

Vous avez ici deux possibilités :

  • Créer votre propre thème enfant en suivant le tutoriel ci-dessous
  • Télécharger le thème enfant que nous mettons à votre disposition gratuitement pour l’utilisation de votre thème Divi

Méthode 1 : télécharger notre thème enfant pour Divi

Le thème enfant sera mis en ligne après avoir activé le thème parent donc Divi ou Extra. Pour télécharger notre thème enfant créé pour Divi et Extra, c’est par ici :

Méthode 2 : créer soi-même son thème enfant

Il faut pour cela, se connecter au FTP du site et créer le dossier de votre thème enfant dans  /wp-content/themes/nomdevotrethemeenfant/

Il faut maintenant créer deux fichiers qui seront placés dans le dossier précédent :

  1. Un fichier functions.php
  2. Un fichier style.css

Voici le code à placer dans le fichier functions.php inspiré du thème enfant de notre site Divi Pour Les Nuls :

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

Voici le code pour le fichier style.css :

/*
Theme Name: Rungraphik Child Theme
Theme URI: https://rungraphik.fr
Description: Child theme by Rungraphik
Author: Rungraphik
Author URI: https://rungraphik.fr
Template: Divi
Version: 1.0.0
*/
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

Pour ajouter une petite touche personnelle à votre thème enfant, vous pouvez également ajouter une image miniature de taille 600 x 450 pixels, nommé screenshot.jpeg dans le dossier de votre thème enfant.