Comment créer un thème enfant sur WordPress ?

par 2.06.20TUTORIELS

Pourquoi et comment créer un thème enfant pour ton site WordPress et pourquoi c’est indispensable ? Découvre-le dans cet article.

Lorsqu’on installe un thème WordPress sur notre site, ceux-ci sont généralement très personnalisables mais parfois on a envie de modifier quelques aspects : une couleur, une police etc. 

Pour cela il faut modifier le CSS de notre thème et le modifier via l’éditeur de code.

Or modifier le thème de votre site WordPress même s’il s’agit d’une toute petite modification t’empêchera de faire les futures mises à jour du thème : en effet à la prochaine mise à jour tu perdras toutes les modifications que tu auras apporté. Et ça c’est pas cool !

C’est ici que le thème enfant à toute son importance. Et je vais t’expliquer  pourquoi il est INDISPENSABLE d’ajouter un thème enfant sur ton site WordPress et comment le faire. 

Je te propose également de télécharger un thème enfant créé pour le thème DIVI en fin d’article que tu pourras adapter à n’importe quel autre thème WordPress en suivant mes recommandations ci-dessous. 

Thème enfant : définition 

Un thème enfant est un peu comme une copie de ton thème parent. Il va reprendre toutes les fonctionnalités du thème parent (c’est à dire ton thème d’origine) mais sans le modifier. Ainsi si tu as besoin de faire des modifications de style sur ton thème il faudra directement éditer dans le thème enfant (et non le parent).

L’avantage : à la prochaine mise à jour tu ne perdras aucune des modifications que tu auras faîtes sur ton thème. 

Un exemple pour mieux comprendre :

Sur ton site tu trouves que le texte est écrit trop petit. Or ton thème ne te permet pas de jouer sur la taille de la police de tes paragraphes en passant par le personnaliseur. 

 

Ce que tu vas faire c’est ouvrir l’éditeur de code et modifier directement ceci dans ton thème enfant en ajoutant la ligne : 

 

body {
font-size:16px;
}

Ainsi tout ton texte aura désormais une taille de 16 pixels. Et à la prochaine mise à jour de ton thème parent, il conservera cette modification. 

En fait, tous les fichiers que l’on va placer dans le thème enfant et qui portent le même nom que ceux présents dans le thème parent va prendre le dessus et écraser le fichier original. 

Comment créer un thème enfant et le mettre en place ? 

Ingrédients pour créer un thème enfant :

  • le thème d’origine 
  • un fichier function.php (que nous allons créer)
  • un fichier style.css (que nous allons créer) 
  • un fichier screenshot.jpg (que nous allons créer)
  • un répertoire pour placer ces trois fichiers

Etape 1 : Créer le répertoire du thème enfant via le FTP

Il va falloir ouvrir ton FTP (si tu ne sais pas ce que c’est je te conseille de me contacter pour créer ton thème enfant). 

Ensuite il va falloir créer un dossier dans wp-content/themes/nomduthemeenfant/.

C’est ici que tu crées ton répertoire en indiquant le nom du thème enfant.

Par exemple si mon thème est DIVI je vais créer un répertoire appelé “DIVI-child” (child pour enfant). 

Etape 2 : créer le fichier functions.php 

Il te suffit d’ouvrir un éditeur de code (j’utilise sublime text) et d’y inscrire le code suivant :


function wpm_enqueue_styles(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'wpm_enqueue_styles' );

Et d’enregistrer le fichier sous le nom : functions.php

Etape 3 : créer le fichier style.css

Le fichier précédent nous permet d’appeler notre fichier style.css (le fichier qui va nous permettre de modifier les polices, les couleurs, les boutons etc.). Il faut donc le créer. 

Ouvre un nouveau fichier dans ton éditeur de code et colle le code suivant : 

/*
Theme Name: Divi Child
Description: Thème enfant du site marionsamuel.com
Author: Marion
Author URI: https://www.marionsamuel.com
Template: Divi
Version: 1.0.0
*/

 

Explication ligne par ligne :

Theme Name: le nom que tu vas donner à ton thème enfant. La bonne pratique c’est de reprendre le nom du thème parent et d’y ajouter -child.
Description : la description du fichier que tu viens de créer (facultatif).
Author : le nom de l’auteur du thème enfant
Author URI : c’est l’url du site de l’auteur du thème enfant
Template : c’est le nom du thème parent tel qu’il est écrit dans ton répertoire. Respecte bien les majuscules, la casse etc.
Version: La version de ton thème enfant .

Enregistre ensuite ce fichier sous le nom style.css.

Etape 4 : créer le fichier screenshot.jpg

 

Il s’agit de la miniature qui sera visible dans ton répertoire de thème sur ton site WordPress. 

Il te suffit de créer un visuel au format 600×450 px et de l’enregistrer sous le nom screenshot.jpg

Etape 5 : insertion de ces 3 fichiers dans le répertoire dans le FTP 

Ensuite il te suffira simplement de glisser ces trois fichier dans le répertoire préalablement créé : Divi-child pour moi.

 

Etape 6 : activation du thème enfant directement sur WordPress

Enfin, retourne sur WordPress, tu devrais voir apparaître le thème enfant que tu viens de créer. Il te suffira simplement de l’activer.

Et voilà tu peux maintenant apporter tes modifications dans le fichier style.css de ton thème enfant sans risque de tout perdre lors des prochaines mises à jour. 

 

Télécharge ton thème Enfant pour DIVI

Télécharge gratuitement ton thème enfant en indiquant ton email dans l’espace dédié ci-dessous. Tu recevras par email le lien de téléchargement. 

comment créer un thème enfant sur WordPress

A propos de l’auteur 

Hello, moi c’est Marion. Ma mission est de vous aider dans la création d’une marque authentique et alignée étape par étape qui soit au service de votre vie idéale. 

Au travers de mes contenus, je souhaite vous montrer qu’il est possible de créer une entreprise sur-mesure avec des conseils simples à mettre en place tout en préservant son écologie personnelle, son environnement et l’Humain d’une manière générale. J’ai une approche dite « holistique » de l’entrepreneuriat. 

Si vous souhaitez entreprendre autrement, nous devrions bien nous entendre.

Bonne lecture et à très vite ✨ ! 

Marion Samuel

Consultante digitale, experte en création de marque et site internet, marionsamuel.com

D’autres idées de lectures

0 commentaires

Soumettre un commentaire

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