Vous n'êtes pas un super développeur web et pourtant vous avez besoin de personnaliser votre site web sous WordPress ?
Cette courte présentation vous présente les bases de la création de thèmes enfant sur le CMS open source le plus utilisé dans le monde.
Présenté à la communauté WordPress Rennes le 15 novembre 2016
1. CRÉER UN THÈME ENFANT
WORDPRESS
Jonathan GRANDIN
Consultant en transformation digitale
Twitter : @jmengine
2. 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 ?
3. 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.
4. ▸ 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.php
Il 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
5. ▸ 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 faible
Je construis un thème
sur 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 fort
Je ne modifie que
quelques styles CSS
suivant mes besoins
CRÉER UN THÈME ENFANT JONATHAN GRANDIN / @JMENGINE
6. ▸ 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ème
Template: nomduparent
*/
3. LA PETITE GRAINE DE MAMAN
▸ Créer un fichier functions.php
<?php
add_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
7. 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/
8. 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
9. LONGUE VIE & PROSPÉRITÉ
À TOUS VOS REJETONS
CRÉER UN THÈME ENFANT jonathan grandin / @jmengine