Dans cet article, nous allons voir étape par étape comment créer un thème enfant de votre thème WordPress.
Qu’est-ce qu’un thème enfant ?
Un thème enfant est un sous-thème qui hérite de toutes les fonctionnalités, du style et de la structure de son thème parent. Les modifications apportées au thème enfant n’affectent pas le thème parent, ce qui permet de personnaliser son site sans craindre de perdre les modifications lors de la mise à jour du thème parent.
Par exemple, si vous éditez directement les fichiers style.css ou functions.php de votre thème parent toutes ces modifications seront supprimées lorsque vous ferez la mise à jour de votre thème !
Un autre exemple pour bien comprendre comment un thème enfant fonctionne.
Imaginons que vous créez un fichier CSS pour votre thème enfant, les règles CSS écrites dans ce fichier vont supplanter celles se trouvent dans le fichier CSS de votre thème parent. Mais le fichier CSS du thème enfant ne remplace le fichier CSS du thème parents dans son ensemble, il vient seulement ajouter ou modifier des règles CSS. Cela signifie que vous conservez toutes les règles du thème parent que vous n’avez pas modifié dans votre thème enfant.
Bien passons maintenant à la pratique. Vous allez voir c’est très simple.
Création du thème enfant
Nous allons créer un dossier thème enfant dans lequel nous allons placer un fichier style.css et un fichier functions.php.
Etape 1 :
Rendez-vous dans votre dossier WordPress par le biais de votre logiciel FTP où dans le gestionnaire de fichiers de votre hébergeur qui se trouve très souvent dans c-panel.
Cliquez sur le dossier contenant votre site puis recherchez le dossier wp-content et ouvrez-le.
Une fois ouvert cliquez sur le dossier thème.
Bien maintenant que nous sommes dans le fichier thème nous allons créer à l’intérieur un dossier thème enfant.
Etape 2 :
Création des fichiers style.css et un fichier functions.php.
Vous ouvrez votre éditeur de code, si vous n’en avez pas vous pouvez en télécharger un ici https://www.sublimetext.com/
Dans le fichier php vous allez copier-coller ce code :
<?php
/**
** activation theme
**/
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
Dans le fichier css vous allez copier-coller ce code :
/*
Theme Name: Theme enfant
Description: Theme enfant Twenty nineteen
Author: Moi
Author URI: https://www,extratuto.com
Template: twentynineteen
Version: 0.1.0
*/
Vous le nommez style.css et le sauvegardez dans votre dossier thème enfant
Très important !
Template : doit contenir le nom exact du thème parent tel qu’il est écrit dans votre fichier. Dans notre exemple il s’agit de Twenty nineteen écrit : twentynineteen.
Pour le reste vous pouvez marquer ce que vous voulez.
Etape 3 :
Allez dans le tableau de bord de WordPress -> apparence et sélectionnez votre thème enfant.
Etape 4 :
Voilà c’est terminé, si vous cliquez sur Éditeur de thème vous aurez votre thème enfant avec ses fichiers functions.php et style.css.
Dorénavant vous ferez toutes vos modifications dans ce fichier css et elles ne seront plus effacées lors des mises à jour de votre thème parent.
Si vous souhaitez modifier d’autres fichiers tel que single.php, header.php, footer.php etc, il vous suffit de copier-coller ces fichiers de votre thème parent dans votre thème enfant.
Comment installer WordPress ? Tuto des différentes méthodes
