📌 Comment créer un thème enfant sous WordPress

25 février Astuces et articles

📌 Comment créer un thème enfant sous WordPress

Cédric Verlucco
0 Commentaires

Créer un thème enfant sous WordPress est une étape essentielle pour personnaliser l’apparence et les fonctionnalités de son site sans modifier directement le thème parent. Cela permet de conserver ses modifications même après une mise à jour du thème principal.

Dans cet article, nous allons voir pas à pas comment créer un thème enfant sous WordPress.

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

Un thème enfant est un thème qui hérite des fonctionnalités, du design et du style d’un thème parent. Il permet d’apporter des modifications sans toucher aux fichiers d’origine, ce qui évite la perte des modifications lors des mises à jour.

✅ Pourquoi utiliser un thème enfant ?

Préservation des modifications : Contrairement aux modifications d’un thème directement, celles faites via un thème enfant restent après les mises à jour.
Facilité de maintenance : Si une erreur se produit, il est plus simple de revenir en arrière sans endommager le thème parent.
Expérimentation : Idéal pour tester de nouvelles fonctionnalités sans impacter le site principal.

Ampoule au-dessus d’un ordinateur portable

🚀 Étape 1 : Créer le dossier du thème enfant

Connecte-toi à ton FTP (via FileZilla, par exemple) ou accède aux fichiers via l’hébergeur.
Va dans le dossier wp-content/themes/.
Crée un nouveau dossier pour ton thème enfant. Nommons-le par exemple :wp-content/themes/mon-theme-enfant/ Remplace “mon-theme-enfant” par le nom de ton choix.

📝 Étape 2 : Créer le fichier style.css

Dans ton dossier du thème enfant, crée un fichier appelé style.css et ajoute-y le code suivant :

/*
Theme Name: Mon Thème Enfant
Theme URI: https://ton-site.com
Description: Thème enfant basé sur [Nom du thème parent]
Author: Ton Nom
Author URI: https://ton-site.com
Template: nom-du-theme-parent
Version: 1.0
*/

⚠️ Important : Remplace “nom-du-theme-parent” par le nom exact du dossier de ton thème parent (ex : “twentytwentytwo” pour le thème Twenty Twenty-Two).

Ce fichier sert à ajouter du CSS personnalisé sans modifier le style du thème parent.

⚡ Étape 3 : Créer le fichier functions.php

Ensuite, crée un fichier functions.php dans le dossier du thème enfant et ajoute ce code :

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

Ce code charge le style du thème parent afin d’éviter tout problème d’affichage.

👉 Si ton thème parent utilise déjà un fichier CSS externe, il faudra peut-être le charger différemment avec cette méthode :

<?php
function mon_theme_enfant_styles() {
    wp_enqueue_style('parent-style', get_stylesheet_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style'));
}
add_action('wp_enqueue_scripts', 'mon_theme_enfant_styles');

🔧 Étape 4 : Activer le thème enfant

Connecte-toi à ton tableau de bord WordPress.
Va dans Apparence > Thèmes.
Tu devrais voir apparaître ton thème enfant.
Clique sur Activer.

Si tout est bien configuré, ton site utilisera maintenant ton thème enfant tout en gardant l’apparence et les fonctionnalités du thème parent.

🎨 Étape 5 : Personnaliser ton thème enfant

🔹 Modifier le CSS

Ajoute tes styles personnalisés directement dans style.css du thème enfant. Exemple :

* Changer la couleur des titres */
h1 {
    color: #ff5733;
    font-size: 36px;
}

🔹 Modifier les fichiers PHP

Tu peux également remplacer des fichiers du thème parent en copiant le fichier dans le thème enfant et en le modifiant.

Par exemple, si tu veux personnaliser header.php :

Copie wp-content/themes/nom-du-theme-parent/header.php
Colle-le dans wp-content/themes/mon-theme-enfant/
Modifie le fichier pour changer l’en-tête du site.

🔹 Ajouter de nouvelles fonctionnalités

Ajoute du code dans functions.php pour étendre les fonctionnalités du thème parent. Exemple :

Main faisant un pouce levé devant un écran

// Ajouter un nouveau widget dans le footer
function mon_theme_enfant_widgets() {
    register_sidebar(array(
        'name' => 'Footer Widget',
        'id' => 'footer-widget',
        'before_widget' => '<div class="footer-widget">',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));
}
add_action('widgets_init', 'mon_theme_enfant_widgets');

✅ Conclusion

Créer un thème enfant WordPress est une méthode propre et efficace pour personnaliser un site sans perdre ses modifications lors des mises à jour.

Récapitulatif des étapes :
✅ Créer un dossier de thème enfant dans wp-content/themes/.
✅ Ajouter un fichier style.css avec les informations du thème.
✅ Créer un fichier functions.php pour charger les styles du thème parent.
✅ Activer le thème enfant via le tableau de bord WordPress.
✅ Personnaliser le CSS, les fichiers PHP et ajouter des fonctionnalités.

Maintenant, tu peux modifier ton site en toute sécurité sans impacter ton thème parent ! 🎉