Comment créer un thème enfant WordPress ?

Comment créer un thème enfant WordPress ?

La création d’un thème enfant est le meilleur moyen de personnaliser votre thème WordPress. La principale raison et que vous ne perdrez aucune de vos modifications lorsque vous mettrez à jour le thème parent !

Au contraire si vous éditez directement les fichiers style.css ou functions.php de votre thème parent et faites sa mise à jour cette dernière supprimera toutes vos modifications !

Il est vivement recommandé de garder votre thème à jour, car cela garantit une sécurité optimale pour votre site et résout de nombreux problèmes de compatibilité avec les différents navigateurs.

En outre, utiliser un thème enfant est une bonne pratique de développement, vous vous concentrez uniquement sur les fonctionnalités que vous avez ajoutées, il y a moins de fichiers à modifier et à gérer.

Et si après un certain temps vous souhaitez faire d’autres changements, il sera beaucoup plus facile à comprendre que si vous devez vous replonger dans le thème parent pour retrouver toutes vos modifications faites dans chaque modèle et fichier php !

Un thème enfant hérite de l’apparence du thème parent et de toutes ses fonctions, mais les modifications faites à l’intérieur du thème enfant prennent le dessus sur le thème parent.

Ainsi, les personnalisations sont conservées séparément des fichiers du thème parent qui lui reste intact.

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.

Comment créer un thème enfant WordPress ?

Cliquez sur le dossier contenant votre site puis recherchez le dossier wp-content et ouvrez-le.

Comment créer un thème enfant WordPress ?

Une fois ouvert cliquez sur le dossier thème.

Comment créer un thème enfant WordPress ?

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.

Comment créer un thème enfant WordPress ?

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.

Comment créer un thème enfant WordPress ?

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

Nous serions ravis de connaître votre avis

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Reset Password
Compare items
  • Total (0)
Compare