Comment créer un thème enfant dans WordPress et pourquoi vous devriez en utiliser un

Oct 22, 2024 | Trucs & Astuces, Wordpress | 0 commentaires

TRUCS & ASTUCES

3. Comment créer un thème enfant dans WordPress et pourquoi vous devriez en utiliser un

Introduction

Lorsqu’il s’agit de personnaliser un thème WordPress, l’une des meilleures pratiques est de créer un thème enfant. Pourtant, selon une enquête menée par Elegant Themes, 85% des utilisateurs personnalisent leur thème, mais seulement 35% utilisent un thème enfant. Cela peut s’expliquer par un manque de compréhension de son utilité ou la perception d’une certaine complexité dans sa création.

Dans cet article, nous allons vous montrer comment créer et utiliser un thème enfant, et surtout pourquoi il est essentiel d’en utiliser un pour vos personnalisations.

Pourquoi utiliser un thème enfant?

Un thème enfant permet de modifier l’apparence ou les fonctionnalités de votre site sans toucher au code du thème parent. Cela signifie que vous pouvez mettre à jour votre thème parent sans perdre vos modifications. En créant un thème enfant, vous travaillez sur un ensemble distinct de fichiers, ce qui vous évite de compromettre l’intégrité du thème original. Vous pourrez ainsi désactiver le thème enfant à tout moment et revenir au thème d’origine sans effort.

Comment commencer?

1. Création du dossier de thème enfant et du fichier style.css

Accédez à votre dossier WordPress : Utilisez un client FTP (comme FileZilla) ou le gestionnaire de fichiers de votre hébergeur pour accéder à l’emplacement où WordPress est installé, généralement dans le dossier public_html ou www.
✔
Créez un nouveau dossier : Allez dans le dossier /wp-content/themes/ et créez un nouveau dossier pour votre thème enfant. Vous pouvez le nommer divi-child si vous utilisez le thème Divi, ou quelque chose de similaire pour un autre thème parent.
✔
Créez le fichier style.css : À l’intérieur du dossier divi-child, créez un fichier texte avec l’extension .css et nommez-le style.css. Ce fichier contiendra les informations de base sur votre thème enfant. Voici le code que vous devez y ajouter :
✔

        
/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Thème enfant pour Divi
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* Personnalisations du thème enfant
------------------------------------------------------- */

Explication des sections :

Theme Name : Nom de votre thème enfant. Vous pouvez choisir le nom que vous souhaitez.
Template : Doit correspondre exactement au nom du dossier du thème parent (ici « Divi »). Si vous utilisez un autre thème, remplacez « Divi » par le nom du thème parent.

2. Création et ajout du fichier functions.php

Créez le fichier functions.php : Dans le même dossier divi-child, créez un fichier texte avec l’extension .php et nommez-le functions.php. Ce fichier permettra de charger les feuilles de style du thème parent et du thème enfant.
✔
Ajoutez le code suivant dans le fichier functions.php :
✔

<?php
function my_theme_enqueue_styles() {
    $parent_style = 'divi-style'; // Remplacez 'divi-style' par le handle utilisé par votre thème parent
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

3. Activation du thème enfant

Compresser le dossier : Une fois les fichiers style.css et functions.php créés et placés dans le dossier divi-child, vous devez compresser ce dossier. Sur Windows, faites un clic droit sur le dossier divi-child et sélectionnez « Compresser » pour créer un fichier ZIP. Sur Mac, faites un clic droit et choisissez « Compresser ».
✔
Télécharger le thème enfant sur WordPress :
1. Allez dans votre tableau de bord WordPress.
2. Naviguez vers Apparence > Thèmes.
3. Cliquez sur le bouton Ajouter en haut de la page, puis sélectionnez Téléverser un thème.
4. Téléchargez le fichier ZIP de votre thème enfant.
5. Activez le thème enfant une fois qu’il est installé.
✔
Note importante : Assurez-vous que le thème parent (Divi dans cet exemple) est déjà installé et actif sur votre site. Le thème enfant ne fonctionnera pas sans son thème parent.
✔

4. Personnaliser l’aperçu du thème enfant

Ajoutez une image d’aperçu : Vous pouvez personnaliser l’aperçu de votre thème enfant en ajoutant une image dans le dossier divi-child. Nommez cette image screenshot.png et assurez-vous qu’elle a une résolution de 880×660 pixels.

Conclusion

Avec ces étapes simples, vous pouvez créer un thème enfant pour Divi, permettant ainsi de personnaliser votre site tout en préservant les mises à jour du thème parent. Ce guide vous a montré comment :

Créer le dossier et le fichier style.css.
Charger les feuilles de style du thème parent dans le fichier functions.php.
Activer votre thème enfant dans votre tableau de bord WordPress.

Ces démarches vous offrent la flexibilité d’ajuster votre site selon vos préférences sans compromettre les fonctionnalités du thème original. N’hésitez pas à explorer davantage les possibilités de personnalisation et à adapter le code à vos besoins pour un site unique et parfaitement en accord avec votre vision.

Prêt à démarrer votre projet ou besoin d’aide pour optimiser votre site internet ? Contactez-nous dès aujourd’hui pour obtenir un devis gratuit !

DEVIS Gratuit

NOUS CONTACTER

Restez connectés avec nos dernières News et Mises à jour

Joindre notre Newsletter

Restez informé des dernières nouveautés et offres exclusives en vous abonnant à notre newsletter

0 commentaires

Soumettre un commentaire Annuler la réponse

← Comment uniformiser la hauteur des articles dans le module Blog Guide complet d'utilisation du plugin Rank Math SEO →

FB

TW

In

Comment créer un thème enfant dans WordPress et pourquoi vous devriez en utiliser un

TRUCS & ASTUCES

3. Comment créer un thème enfant dans WordPress et pourquoi vous devriez en utiliser un

Introduction

Pourquoi utiliser un thème enfant?

Comment commencer?

1. Création du dossier de thème enfant et du fichier style.css

2. Création et ajout du fichier functions.php

3. Activation du thème enfant

4. Personnaliser l’aperçu du thème enfant

Conclusion

Prêt à démarrer votre projet ou besoin d’aide pour optimiser votre site internet ? Contactez-nous dès aujourd’hui pour obtenir un devis gratuit !

Articles similaires

Notre méthode complète pour créer une boutique WooCommerce performante

Comment ajouter un texte déroulant avec boutons Lire plus/Lire moins dans Divi

Créer une pagination pour vos rangées de modules Divi

Restez connectés avec nos dernières News et Mises à jour

Joindre notre Newsletter

Merci de vous être abonné!

Suivez-Nous

0 commentaires

Soumettre un commentaire Annuler la réponse

Message de succès

Inscrivez-vous à notre Newsletter

You have Successfully Subscribed!