comment créer un thème enfant sur wordpress
TRANSCRIPT
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