Vous avez choisi un thème WordPress qui vous plaît, mais vous souhaitez le personnaliser sans risquer de perdre vos modifications à la prochaine mise à jour ? C’est précisément la fonction du thème enfant.
⚠️ Cet article concerne uniquement les thèmes WordPress classiques, et non les thèmes FSE (Full Site Editing) comme Twenty Twenty-Four. Si vous utilisez un thème FSE, rendez-vous directement à la section Et si vous utilisez un thème FSE.
Dans cet article, on vous explique à quoi il sert, comment le créer, et comment l’installer pas à pas, même si vous débutez sur WordPress.
Un thème enfant, à quoi ça sert ?
Un thème enfant est un thème WordPress qui hérite de tous les styles et fonctionnalités d’un autre thème : le thème parent.
Son utilité est à la fois simple et essentielle : il vous offre la possibilité de personnaliser votre site sans modifier directement les fichiers du thème principal. De cette manière, vos modifications ne seront pas perdues lors de la mise à jour du thème parent.
📌 À savoir avant de commencer
Il est crucial de créer et activer votre thème enfant au début de la création du site, avant d’avoir commencé à configurer vos menus, vos widgets ou votre personnalisation via le menu Personnaliser.
Si vous basculez vers un thème enfant après avoir déjà personnalisé le thème parent, certains réglages visuels peuvent être perdus.
Les différentes étapes à suivre pour la création de votre thème enfant
Étape 1 – Créez un dossier pour votre thème enfant
- Connectez-vous à votre hébergement via FTP ou via le Gestionnaire de fichiers cPanel si vous êtes chez o2switch.
- Accédez au dossier :
/wp-content/themes/ - Créez un dossier que vous nommerez avec le nom du thème parent suivi de
-child. - Par exemple, si vous utilisez le thème Twenty Twenty-One, créez un dossier :
twentytwentyone-child
Étape 2 – Créez le fichier style.css
Dans ce dossier, créez un fichier appelé style.css et collez-y ce code de base :
/*
Theme Name: Twenty Twenty-One Child
Template: twentytwentyone
*/Vous pouvez aussi utiliser une version plus complète de style.css
/*
Theme Name: Blog o2switch
Theme URI: https://blog.o2switch.fr/
Description: Blog o2switch : conseils d'experts en hébergement web, WordPress, sécurité et optimisation. Tutoriels pratiques, actualités tech et bonnes pratiques pour développeurs et webmasters.
Author: Éric Martin
Author URI: https://eric-martin.fr
Template: twentytwentyone
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/Ce que vous devez obligatoirement adapter dans votre fichier style.css :
Theme Name: nom de votre thème enfant (qui sera affiché à plusieurs endroits dans l’interface d’administration de WordPress)Template: nom exact du dossier du thème parent (attention aux majuscules et tirets)
Ce qui s’affiche lorsque l’on regarde dans Apparence > votre_theme > Détails du thème (en passant la souris au-dessus de votre thème) suivant ce que vous avez renseigné dans style.css
Étape 3 – Créez le fichier functions.php
Créez un fichier functions.php dans le même dossier, avec ce code :
<?php
add_action( 'wp_enqueue_scripts', 'twentytwentyone_child_enqueue_styles' );
function twentytwentyone_child_enqueue_styles() {
// Charge la feuille de style du thème parent
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
// Charge ensuite celle du thème enfant (pour écraser certains styles si besoin)
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style') );
}Cette méthode permet de charger les feuilles de style proprement, sans utiliser @import, qui est déconseillé pour des raisons de performance.
Bon à savoir :
Le fichier functions.php du thème enfant ne sert pas seulement à charger les styles. C’est aussi l’endroit idéal pour :
- Ajouter des fonctions personnalisées en PHP,
- Déclarer des shortcodes,
- Ajouter des hooks et filtres WordPress.
Les fonctions du thème parent restent actives, et celles du thème enfant s’ajoutent ou les complètent.
N’oubliez pas le fichier screenshot.png !
Pour que votre thème enfant ait une vignette visible dans l’administration, vous pouvez ajouter une image appelée screenshot.png dans le dossier du thème enfant. Format PNG ou JPG, cela fonctionnera tout aussi bien.
Taille recommandée : 1200 × 900 px.
Ce n’est pas obligatoire, mais c’est tellement plus agréable pour visualiser vos thèmes dans l’interface.
Ce que vous devriez avoir dans le dossier de votre thème enfant
Étape 4 – Activez votre thème enfant
- Dans WordPress, allez dans Apparence > Thèmes
- Cliquez sur Activer en dessous de votre thème enfant
C’est tout ! Félicitations 🎉
Votre thème enfant est activé : vous pouvez maintenant personnaliser votre site en toute tranquilité.
Alternative : créer un thème enfant avec une extension
Pas à l’aise avec les fichiers ? Il existe des extensions gratuites qui vous permettent de créer un thème enfant en un clic. Ces outils génèrent automatiquement les fichiers.
Child Theme Configurator (lien)
Le générateur de thème enfant le plus complet. Interface en français. Vous avez même la possibilité d’importer les réglages du thème parent pour éviter les pertes. Ce qui veut dire que vous pouvez générer un thème enfant même si vous avez déjà travaillé sur votre site ou qu’il est terminé.
WP Child Theme Generator (lien)
Générateur de thème enfant un peu plus basique. Attention, c’est en anglais, mais si vous avez lu le chapitre sur le style.css, cela ne devrait pas vous poser de problème.
À savoir : il existe aussi des générateurs de thème enfant en ligne, pas besoin d’extension, par exemple, celui de WPMarmite
Astuce : utiliser un thème enfant prêt à l’emploi (si disponible)
Si vous utilisez un thème populaire comme Astra, OceanWP, GeneratePress, ou encore Hello Elementor, sachez qu’il existe souvent des thèmes enfants préconfigurés par le développeur du thème, quoi de plus sûr ? 🙂
Par exemple, vous pouvez faire une recherche sur Google avec simplement : OceanWP child theme
Vous trouverez souvent un fichier .zip à télécharger et installer via Apparence > Thèmes > Ajouter > Téléverser un thème.
C’est encore plus rapide, surtout si vous ne voulez pas manipuler les fichiers à la main.
Et si on n’utilisait pas de thème enfant ?
Aujourd’hui, certaines approches permettent d’éviter complètement les thèmes enfants, notamment si vous ne souhaitez que modifier un peu de CSS ou ajouter des fonctions PHP.
Des extensions comme, par exemple, WPCode ou Code Snippets vous permettent d’ajouter du code :
- Directement depuis l’admin WordPress,
- Avec des sauvegardes et un contrôle d’activation (on active ou pas le code ajouté),
- Sans toucher aux fichiers du thème.
Avantages :
- Pas besoin de FTP,
- Pas de risque de faire « planter » le site en cas d’erreur,
- Le code reste actif même si vous changez de thème.
Et si vous utilisez un thème FSE (Full Site Editing) ?
Depuis WordPress 5.9, de nouveaux thèmes appelés FSE (Full Site Editing) vous permettent de personnaliser entièrement l’apparence du site (en-tête, pied de page, pages, articles) directement depuis l’éditeur de site, sans toucher au code.
Ces thèmes modernes (comme Twenty Twenty-Four, Tove, Spectra One, Frost…) fonctionnent différemment des thèmes classiques.
→ Avez-vous besoin d’un thème enfant avec un thème FSE ?
Non, pas dans la plupart des cas. Vous pouvez :
- Modifier l’apparence de votre site dans l’éditeur (bloc par bloc),
- Créer des modèles de page ou d’article personnalisés,
- Et ajouter du CSS ou du code PHP via des extensions comme WPCode ou Code Snippets.
Un thème enfant n’est utile que si vous souhaitez modifier en profondeur le fonctionnement du thème, comme ses modèles HTML (templates) ou son fichier theme.json.
Thème enfant ou pas ? Petite synthèse 🙂
- Si vous utilisez un thème WordPress classique et souhaitez modifier du code, ajouter du CSS personnalisé ou surcharger un fichier (
footer.php,single.php, etc.), le thème enfant est la bonne solution. - Si vous utilisez un thème Full Site Editing (FSE), vous pouvez souvent vous passer de thème enfant. L’éditeur de site intégré ou une extension comme WPCode suffira dans la majorité des cas.
- Si vous avez juste besoin d’ajouter quelques fonctions PHP ou du CSS, sans toucher aux fichiers de thème, des outils comme Code Snippets ou WPCode sont souvent plus simples et plus sûrs.
Choisissez l’approche adaptée à votre thème et à votre niveau : le thème enfant reste une solution robuste pour les sites classiques, mais les outils modernes comme le Full Site Editing ou WPCode peuvent suffire dans bien des cas.
Photo de l’image mise en avant : merci à WebFactory Ltd
