WP : Créer un thème enfant – 1er pas –

Créer un thème enfant sous WordPress est enfantin,

C’est le remplir qui est plus compliqué !!!

A quoi ça sert ?

Un thème de bonne qualité est mis à jour plusieurs fois par an
Un administrateur exigeant peut apporter des modifications à ce thème (Customisation)
Or à chaque nouvelle mise à jour du thème, toutes les modifications persos sont effacées (et doivent donc être reprises l’une après l’autre)
Il existe un moyen simple de rendre la personnalisation pérenne et de protéger les modifications à chaque mise à jour

LE THEME ENFANT

Voir Child Theme Customization

Minimum Syndical :

Pour créer un Thème Enfant il faut et il suffit de résoudre 2 conditions
1. Créer un nouveau répertoire pour le thème enfant
2. Y Placer au moins un fichier bien ordonné.

Mise en Œuvre :

Dans le dossier Thèmes, du WP-CONTENT de WordPress, juste à côté du dossier parent, placer un dossier enfant, dont le nom sans aucun espace portera le suffixe CHILD
Par exemple pour piloter le Thème “COURAGE”, dans mon dossier themes j’aurais ces 2 dossiers :
1. courage
2. courage-child

Pas compliqué … !

Dans ce dossier enfant nouvellement créé placer un fichier texte, nommé styles.css
- C’est le seul fichier utile à la reconnaissance automatique par WordPress du Theme enfant.
- Mais attention ce fichier style.css doit posséder une entête parfaitement formatée pour être reconnu !
- Le format de reconnaissance correspond à un commentaire standardisé placé enter 2 balises /* et */
Exemple :

/*
Theme Name:   courage-child
Theme URI:    http://www.presscoders.com/courage
Description: Courage Child Theme
Author:       PressCoders.com
Author URI:   http://www.presscoders.com
Template:     courage
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: courage-child
*/

Les lignes clefs sont:

Theme Name:	courage-child
Template:	courage

ATTENTION template: est un tout, donc pas d’espace avant le :
Les noms qui suivent doivent être les noms exacts des thèmes parent et enfant.

Ça y est le thème est opérationnel, il n’y a rien à faire de plus, il doit apparaitre maintenant dans la liste des Thèmes Dispos au tableau de bord de Wordress
Si tel n’est pas le cas, vous avez merdé, inutile d’aller plus loin recommencez.
Une fois activé, le BLOG apparaitra sans aucun style

Pour activer le style “Parent” par défaut :

Il y a 2 façons de faire :
1. Le mode classique (style.css => Instruction Import)
2. Le Mode Moderne (functions.php => instruction add_action)

Méthode Classique :

Placer cette ligne dans le style.css

@import url("../courage/style.css");

Immédiatement le blog reprend les couleurs précédentes

Méthode Moderne Conseillée par le Codex :

Dans le dossier enfant créer un fichier : functions.php
Et collez y ces lignes :

<?php

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles‘ );

function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}

A savoir :

Tout fichier enfant de même nom occulte son homonyme dans le dossier parent sauf functions.php
Le functions.php parent, s’ajoute donc au functions.php enfant qui démarre toujours la procédure
Le système fonctionne parfaitement en mode multi-sites (la gestion des thèmes se faisant au niveau du réseau et non au niveau des blogs)