Créer facilement un thème enfant sur WordPress

Créer un thème enfant est un bon moyen de modifier en toute sécurité votre thème principal. De plus l'opération est très simple.

Partager l'article

Le thème enfant agit comme une extension du thème parent, le thème enfant hérite de toutes ses fonctionnalités tout en offrant un espace sécurisé pour des ajustements sur-mesure. Ainsi, même si le thème parent est mis à jour, les adaptations apportées au thème enfant restent intactes, garantissant continuité et cohérence.

Le thème enfant permet de customiser son thème sans risque

La création d’un thème enfant est souvent mise en avant comme une pratique essentielle. Cette démarche vous garantit de conserver intégralement toutes vos modifications même après une mise à jour du thème principal. Qu’il s’agisse de changements esthétiques ou techniques comme l’ajout de CSS, de JS ou de PHP.

Sans un thème enfant, vous risquez de voir vos précieuses modifications s’envoler à chaque update, rendant votre travail infructueux. Adopter cette fonctionnalité, c’est choisir l’efficacité et la sérénité pour votre site environnement WordPress.

Configuration du thème enfant dans WordPress

Ce guide étape par étape a été réalisé pour le thème Neve, mais il est bien évidemment applicable à d’autres thèmes.

Vous devrez d’abord accéder au dossier racine de votre site. Pour cela, vous allez avoir besoin d’un outil tel que FileZilla qui permet de se connecter directement via le réseau FTP fourni par leur hébergeur. Des hébergeurs, comme Hostinger notamment, permet l’accès aux dossiers racines directement via leur plateforme.

Dans ce guide, nous utilisons Neve comme exemple de thème, mais le processus reste similaire pour d’autres thèmes. Assurez-vous simplement de personnaliser le nom du dossier en fonction de votre thème.

Étapes pour la mise en place :

  1. Accédez à votre dossier racine WordPress.
  2. Ouvrez « /wp-content/themes/ ».
  3. Créez un nouveau dossier et nommez-le « neve child ».
  4. Dans ce dossier, créez et déposez le fichier « style.css ».
  5. Ajoutez également le fichier « functions.php ».

Astuce : Vous voulez donner un aperçu visuel à votre thème enfant ? Déposez une image nommée screenshot.jpg (recommandé : 600×450 px). WordPress la prendra automatiquement comme aperçu pour votre thème enfant.

Pour finaliser, ouvrez le fichier functions.php et assurez-vous d’y intégrer le code suivant :

!-- Active le thème enfant

<?php

add_action( 'wp_enqueue_scripts', 'wpm_enqueue_styles' );
function wpm_enqueue_styles(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}?>

Grâce à cette fonction, votre fichier style.css est maintenant appelé, c’est-à-dire que dès lors que vous ferez des modifications dans le fichier, elles apparaîtront sur votre site. Vous devez maintenant intégrer quelques informations dans ce fichier CSS.

/*
Theme Name: Theme enfant
Description: Theme enfant d'Augustin
Author: Augustin - diOptera
Author URI: https://dioptera.fr/
Template: diOptera 
Version: 1.0.0
*/

Vous pouvez bien évidemment personnaliser les informations dans ce code, toutefois quelques mises en garde pour que votre thème enfant fonctionne :

  • Template : Le nom exact du thème parent dans le dossier racine de votre site « /wp-content/themes/ » 
  • Pas d’espace entre « Theme Name » et « : » sinon votre thème enfant ne fonctionnera pas

Votre thème enfant est maintenant opérationnel, vous pouvez dès à présent ajouter des fonctions dans votre dossier function.php ou du CSS dans votre fichier style.css sans risque de perdre vos modifications.