> Création d’un thème enfant

Pourquoi créer un thème enfant ?
Tout simplement pour que lors des mises à jour du thème d’origine (parent) les modifications du thème soient conservées.

1 – Par exemple vous avez un dossier thème qui se nomme “montheme”, créer au même niveau un nouveau dossier “montheme-enfant”.

2 – Dans ce nouveau dossier, copier la feuille de style “style.css” de votre thème parent “montheme”.

3 – Modifier l’en-tête de  la nouvelle feuille de style comme ceci :

/*
 Theme Name: montheme-enfant
 Theme URI: l'URL de votre site
 Description: Theme enfant de montheme
 Version: 1.0
 Author: Votre nom
 Template: montheme
 Author URI: l'URL de votre site
 */

4 – Maintenant, soit vous laissez la totalité de la feuille de style, mais lors d’une mise à jour vous risquez de passer à côté d’une modification importante de la feuille de style, soit vous ne laissez que vos corrections de style, ce que je vous conseille fortement. Pour cela sous l’en-tête ajoutez ceci :

/* == importation de la feuille de style du template parent == */
 @import url("../montheme/style.css");

et en-dessous commencez vos modifications, par exemple :

/* == Debut des lignes de corrections de votre theme ============== */

/* == ligne font-family modifiee ================================== */
 font-family: Police-Titres, Arial, Helvetica, Sans-Serif;
 color: #B80A12;
 font-weight: normal;
 font-size: 30px;
 }

5 – Votre nouveau fichier “style.css” doit ressembler à ceci :

/*
 Theme Name: montheme-enfant
 Theme URI: l'URL de votre site
 Description: Theme enfant de montheme
 Version: 1.0
 Author: Votre nom
 Template: montheme
 Author URI: l'URL de votre site
 */

/* == importation de la feuille de style du template parent == */
 @import url("../montheme/style.css");

/* == Debut des lignes de corrections du theme ==================== */

6 – Bien-sûr il vous faut remplacer tous les “montheme” par le nom de votre thème.

7 – Dans les thèmes, vous devez maintenant voir ce nouveau thème, sélectionner le.