astuce Wordpress

Créez votre thème enfant sous WordPress en 5 minutes

-

Lorsque vous créez un site web avec le CMS (Content Management System ou Sytème de Gestion de Contenu en français) WordPress, vous aurez certainement envie modifier le style et d’y apporter votre touche personnelle.

Or si vous changez le style sans thème enfant, chaque mise à jour effacera tout ce que vous aviez fait. C’est pourquoi il vous en faut un.

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

Il s’agit simplement d’un thème attaché à votre thème Wordpress sur lequel vous allez pouvoir modifier le style à volonté sans avoir peur des mises à jour. Celui-ci est « transparent » et s’ajoute en plus.

Comment le mettre en place ?

Vous devrez avoir accès à votre site via un accès FTP. Par exemple avec le logiciel Filezilla, disponible ici (source fiable car c'est le site de l’éditeur et choisir Filezilla Server)

Une fois installé et paramétré avec vos mots de passe et l’adresse de votre serveur (qui sont fournis par votre hébergeur),

  • Allez dans le répertoire www/wp-content/themes
  • Créez un dossier portant le même nom que votre thème et ajoutez-y « -child », afin de bien montrer à WordPress qu’il s’agit du thème enfant
création du dossier theme-enfant via FTP

Une fois dans ce dossier, créez deux fichiers :

  • Un fichier nommé functions.php
  • Un fichier nommé style.css
création des fichiers dans le dossier theme-enfant

A quoi servent-ils ?

Le premier va appeler le deuxième (à chaque page de votre site web) afin de voir s’il y a un style supplémentaire à ajouter.

  • Ouvrez le fichier functions.php et renseignez-le de la même façon que ci-dessous :
	 <?php
	   add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
	   function theme_enqueue_styles() {
	   wp_enqueue_style( 'sydney', get_template_directory_uri() . '/style.css' );
	   }
	 ?>

Attention de bien respecter la casse. Si votre thème se nomme Sydney, ne mettez pas sydney sans majuscule. Cela ne fonctionnera pas.

  • Ouvrez ensuite le fichier style.css et renseignez-le comme cela :
	
/*  
Theme Name: sydney-child  
Theme URI: https://monsite.fr/sydney-child/  
Description: Sydney Child 
Theme  Author: Votre nom  
Author URI: https://www.monsite.fr  
Template: sydney  
Version: 1.0.0  
License: GNU General Public License v2 or later  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready  
Text Domain: sydney-child 
*/	
	

Dans ce fichier, il faut également respecter la casse et uniquement les lignes Thème Name et Template sont obligatoires.

Il vous suffit maintenant de vous rendre dans le tableau de bord de votre site à l’onglet Apparence/Thèmes et d’activer le thème enfant. (dans notre cas sydney-child)

activation du theme enfant

C’est terminé ! Vous avez désormais un thème enfant et vous ne risquez plus de perdre votre style à chaque mise à jour.

Vous avez rencontré des difficultés ? Parlez-en dans les commentaires.

logo de la Web Fabrik

Passionné par l'univers du Web et du référencement naturel, j'ai décidé d'en faire mon métier et de partager mes connaissances pour vous aider à mettre en avant votre entreprise sur le web.

Vous avez aimé cet article ?

Partagez-le sur les réseaux sociaux !

Partagez sur Facebook ! Partagez sur LinkedIn ! Partagez sur Twitter ! Partagez sur Google + !