CRÉER UN THÈME ENFANTWORDPRESS

Jonathan GRANDINConsultant en transformation digitaleTwitter : @jmengine

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

1. Assure que les modifications du code source seront bien préservées

2. Accélère le temps de développement en évitant de se perdre dans le thème parent

3. Excellente façon d’apprendre à développer avec WordPress !

POURQUOI UTILISER UN THÈME ENFANT ?

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

CSS intégré au HTML

Thème enfant

Thème (parent)

Plugins

Code source WordPress

LA HIÉRARCHIE DES PRIORITÉS : LE THÈME ENFANT (PRESQUE) AU SOMMET

Ne faites jamais ça. Sérieusement.

▸ Vous pouvez copier n'importe quel fichier du thème parent et le coller dans le thème enfant : la version « enfant » écrasera celle du parent

▸ C'est particulièrement utile pour les templates(gabarits de page) Ex. : page.php, header.php, single.php, etc.

▸ Seule exception, le fichier functions.phpIl ne se substitue pas au fichier du thème parent mais s'ajoute

L’ENFANT-ROI IMPOSE SA LOI !

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

▸ Thème payant « Multipurpose »(sans recours au thème enfant)Thème lourd qui permet de générer des sites très différents depuis l’interface d’admin grâce à un constructeur élaboré

TROIS CAS D’USAGES SELON VOTRE NIVEAU

▸ Thème enfant fort /Thème parent faibleJe construis un thèmesur mesure à partir d’un framework de base

Je n’y connais rien en PHP / CSS Je suis un crack en PHP / CSS

▸ Thème enfant faible /Thème parent fortJe ne modifie que quelques styles CSS suivant mes besoins

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

▸ Accès au répertoire de fichiers via FTP Sinon, interface d’admin de votre hébergeur web

CONCEVOIR UN (THÈME) ENFANT

1. ENTRER DANS LA CHAMBRE

▸ Créer un répertoire « nomduparent-child »dans /wp-content/themes/

2. SE METTRE EN POSITION

▸ Créer un fichier style.css/* Theme Name: Nom de votre thèmeTemplate: nomduparent*/

3. LA PETITE GRAINE DE MAMAN

▸ Créer un fichier functions.php<?phpadd_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

function theme_enqueue_styles() {wp_enqueue_style( 'parent-style',

get_template_directory_uri() . '/style.css' );}

(Charge le CSS enfant après le thème parent)

4. LA PETITE GRAINE DE PAPA

▸ Dans l’interface d’admin de WordPress Aller dans Affichage > Thèmes et activer votre thème enfant qui vient d’apparaître

5. ET L’ENFANT PARAÎT

Plus de détails : https://codex.wordpress.org/fr:Thèmes_Enfant

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

WORDPRESS FIV : IL Y A (TOUJOURS) UN PLUG-IN POUR ÇA (NB : NON TESTÉ…)

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

https://fr.wordpress.org/plugins/wp-child-theme-generator/

Thème parent qui subit des modifications régulières (modification de structure de fichiers, de fonctions)

+Thème enfant qui en est très dépendant (fichiers additionnels PHP, etc) avec peu de mises à jour

=Gare à la pérennité à long terme !

LE RISQUE : UN ENFANT QUI VIEILLIT PLUS VITE QUE SES PARENTS

CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE

LONGUE VIE & PROSPÉRITÉÀ TOUS VOS REJETONS

CRÉER UN THÈME ENFANT jonathan grandin / @jmengine