Un thème enfant (child) est un « sous-thème ». Il permet d’utiliser toutes les caractéristiques d’un thème, mais de ne pas subir un reset complet lorsqu’il y a des mises à jour du thème principal.
Idéal pour conserver les modifications (CSS ou function.php) que l’on a effectuées sur le thème principal.
Mode d’emploi:
- Créer le répertoire du thème enfant
- Répertoire créé dans wp-content, et porte le nom du thème principal, suivi de « -child »
- Créer et déposer dedans le fichier « style.css »
- Créer et déposer dedans le fichier « functions.php »
- Optionnel : déposer une image « screenshot.png » qui servira de vignette pour le child theme dans le menu apparence . Pour être reconnue par le thème, la capture doit être nommée screenshot.png et mesurer 1200×900px.

- Que mettre dans le fichier style.css?
- Theme Name : le nom du thème que vous allez créer ;
- Theme URI : l’adresse où on peut le télécharger, si applicable ;
- Description : la description du thème ;
- Author : l’auteur du thème… y mettre votre nom ;
- Author URI : l’adresse où l’on va retrouver des infos sur l’auteur ;
- Template : le thème parent qui va être utilisé. Il faut y mettre le nom du répertoire de celui-ci, en respectant la casse ;
- Version : si vous tenez des numéros de version, c’est par ici que cela se passe.
Seuls sont obligatoires :
– le champ Theme Name est nécessaire pour que WordPress reconnaisse les fichiers de ce dossier comme un thème
– le champ Template indique à WordPress le nom du thème parent.
/*
Theme Name: Hello Elementor Child
Description: Hello Elementor Child Theme
Author: BV
Author URL: https://benjamin-viguier.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */
- Que mettre dans le fichier functions.php ?
Ce fichier function.php va permettre d’importer automatiquement le style du thème parent dans votre thème enfant.
<?php
/* Chargement des styles du parent. */
add_action( 'wp_enqueue_scripts', 'wpchild_enqueue_styles' );
function wpchild_enqueue_styles(){
wp_enqueue_style( 'wpm-hello-elementor-style', get_template_directory_uri() . '/style.css' );
}
Sources:
WordPress : Comment créer un thème enfant ?