Thème enfant wordpress

Lorsque vous installez wordpress et votre thème (qu’il soit gratuit ou payant), ayez le réflexe de créer immédiatement le thème enfant wordpress.

Thème enfant Wordpress

Lorsque vous installez wordpress et votre thème (qu’il soit gratuit ou payant), ayez le réflexe de créer immédiatement le thème enfant wordpress.

Il n’est pas nécessaire d’ajouter un plugin pour créer un wp theme child. Limitons les plugins et pensons optimisation avant tout ! Il ne faut pas avoir une grande connaissance en développement wordpress.

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

Un child theme wordpress hérite des fonctionnalités et du design du thème principal. Il vous permet d’effectuer des modifications dans certains fichiers, notamment la feuille de style.

Pourquoi ? Si vous effectuez des modifications directement dans les fichiers du thème parent, elles seront supprimées lors des mises à jour futures. Prenons l’exemple de notre article précédent sur l’ajout d’un emplacement de menu wordpress.

Comment faire ? Il vous suffit de dupliquer le fichier dans le thème enfant en respectant l’arborescence.

Comment mettre en place un thème enfant wordpress ?

Thème enfant WordPress - Webmaster WordPress

Pour créer un wordpress child theme il faut respecter les trois points suivants :

  • créer un répertoire avec le nom de votre thème
  • créer un fichier functions.php
  • créer un fichier style.css
  • créer un screenshot.jpg pour avoir une belle photo de présentation dans l’onglet “Thème” du backoffice WordPress !

Création d’un répertoire

Opération très simple : depuis votre serveur FTP, se rendre dans “/wp-content/themes/” et ajouter un répertoire avec le nom de votre thème (regarder les autres thèmes pour respecter la syntaxe, et ne pas mettre d’espace).

Création d’un fichier functions.php

Deuxième étape, le fichier functions.php du thème enfant wordpress. Il permet de récupérer la feuille de style du thème parent et d’activer le template.

Toujours avec votre client FTP, ouvrez le fichier créé et ajouter le code suivant :

<?php
/*-----------------------
* activation theme      *
*----------------------*/

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . 'https://wmhw8ctrisvm.cdn.shift8web.com/style.css' );

}

Création d’un fichier style.css

Le fichier style.css permet de faire la “liaison” avec le thème parent. Ajoutez le code suivant :

/*
Theme Name: Nom de votre thème
Description: Description de votre thème
Author: Nom de l'auteur
Author URL du portfolio de l'auteur
Template: Nom du répertoire du thème parent.
Version: 0.1.0
*/

Il est très important de respecter la syntaxe (Ne pas mettre d’espace avant les “:” par exemple) et d’écrire correctement le nom du répertoire du thème parent. Sinon vous aurez un message “thème enfant endommagé” dans le backoffice.

Ajout du screenshot.jpg

Pour finir, sans doute l’étape la plus simple, il vous suffit de créer une image à l’aide de n’importe quel outil :

  • Gimp
  • Photoshop
  • Illustrator
  • Paint

Une fois l’image créer au format JPG, ajoutez-la à la racine de votre thème enfant wordpress.

Si nous récapitulons le process :

Voilà, vous savez créer un thème enfant.

Bien que l’utilisation d’un plugin ne soit pas la meilleure solution (il faut toujours limiter l’installation d’extensions), je vous propose tout de même un module qui fait le job : Child Theme Configurator.

Sinon contacter un webmaster wordpress.