Créer un thème enfant avec WordPress

thème enfant
Créer un thème enfant associé à son thème WordPress est indispensable.
Le thème enfant est la copie de votre thème d’origine. Il vous permettra d’effectuer des modifications au niveau du design sans toucher au thème original. Vous pourrez ainsi revenir à votre base si nécessaire.
Lorsque vous installez un nouveau thème sur votre site, il n’est pas personnalisé à votre image. Vous aurez besoin de modifier par exemple les couleurs à votre goût, changer les espacements, modifier la police … Ces changements vont donc s’effectuer dans le fichier css de votre thème.
Avec le thème enfant, vous allez faire une copie de ce fichier. Il sera vide et c’est ici que pourrez indiquer toutes vos modifications sans toucher  à l’original, le thème parent.
Autre point important, en créant votre thème enfant vous n’aurez pas de souci lors de vos mises à jour, ce qui pourrait être le cas si vous avez “bidouiller” le thème parent.

Comment créer votre thème enfant :

Les fichiers de votre thème se trouve dans
… /wp-content/themes/votretheme/
Vous allez commencer par  créer un nouveau répertoire qui va contenir les trois fichiers essentiels à la création d’un thème enfant.
Si votre thème de base s’appelle Astra (… /wp-content/themes/astra/),
vous pourrez nommer votre thème enfant astra-child, vous devez donc créer le répertoire astra-child et l’envoyer via votre ftp dans votre dossier thème, ce qui vous donnera :
… /wp-content/themes/astra-child/

A l’intérieur de ce répertoire, vous allez créer un nouveau fichier (une nouvelle feuille de style) que vous allez nommer style.css.
Ouvrez votre fichier style.css avec votre éditeur (notepad, dreamweaver …) et copier le code suivant :
/**
Theme Name: Astra Child
Author: CDS
Author URI: https://creation-de-site.eu/
Description: thème Astra, rapide et customizable
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/

Vous devrez donc modifier dans ce code :
– le nom donné pour le thème enfant
– l’auteur du thème
– l’url sur les infos de l’auteur du thème
– une petite description du thème
– la version du thème
– le nom du thème enfant comme indiqué dans le répertoire
– le nom du thème parent (attention à bien respecter l’écriture).

Afin que votre fichier style.css soit bien pris en compte et reconnu, vous devrez également créer un autre fichier dans le répertoire de votre thème enfant que vous allez nommer functions.php.

A l’intérieur de ce fichier functions.php, coller le code suivant :
<?php
function wpm_enqueue_styles(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'wpm_enqueue_styles' );

Le but de ce code est de charger votre feuille de style style.css et donc de la reconnaitre.

Vous avez donc créé deux fichiers à l’intérieur du répertoire de votre thème enfant:
style.css
functions.php

Il ne vous reste plus qu’à copier l’image screenshot.jpg qui se trouve dans le répertoire de votre thème parent et de la coller dans votre thème enfant.

Envoyez via votre ftp ces trois fichiers dans le répertoire de votre thème enfant et activez-le dans votre back-office au niveau de vos thèmes.
thème enfant wordpress

 

Retour haut de page