Comment devenir développeur·se de thème WordPress ?
Tu t’en doutes ça demande Ă©videmment d’ĂŞtre Ă l’aise avec l’environnement dans lequel Ă©volue le CMS avant te prĂ©tendre ĂŞtre dĂ©veloppeur WordPress. Souvent, la personne qui s’occupe de crĂ©er des thèmes sur-mesure est considĂ©rĂ©e comme uniquement spĂ©cialisĂ©e en front-end alors qu’il ya bien besoin de maĂ®triser quelques mĂ©canique cotĂ© back pour obtenir un thème solide, bien pensĂ©, bien construit et pĂ©renne.
En principe si t’en arrive a te spĂ©cialiser dans le dĂ©veloppement de thème WordPress, c’est que tu connais parfaitement le fonctionnement du web et que t’es dĂ©jĂ Ă l’aise avec les bases qu’un intĂ©grateur ou une intĂ©gratrice pourrait avoir. Tu as dĂ©jĂ codĂ© des pages en HTML, tu comprends le CSS et pourquoi pas quelques bases en JavaScript et PHP.
Quel est le quotidien d’un·e dĂ©veloppeur·se de thème WordPress sur-mesure ?
Ce métier se rapproche pour beaucoup à celui de développeur front-end avec en plus quelques appétences back-end pour coller aux besoins de WordPress.
C’est bien souvent la pierre angulaire dans un projet de site WordPress car il ou elle permet de faire le lien entre les Ă©quipes : designers (graphique), Ă©diteurs de site (contenu) et la technique (fonctionnelle).
Au final tu seras souvent amener Ă :
- Faire de la veille sur les évolutions de WordPress
- Faire de la veille sur les évolutions de Gutenberg
- Traduire des besoins client en solutions techniques
- DĂ©composer les maquettes d’un designer en blocs ou mise en page rĂ©utilisable
- Tester (souvent) et debugger (aussi souvent)
- Faciliter et améliorer tes process de développement
Maîtriser les bases de WordPress
Avant d’aller fouiller le code de WordPress, il faut d’abord se placer dans la peau de celui ou celle qui va Ă©diter le site par la suite. Apprendre WordPress en profondeur cotĂ© utilisateur avant de dĂ©composer les mĂ©caniques du CMS, c’est nĂ©cĂ©ssaire.
- État des lieux des CMS existants
- La communauté de WordPress
- La licence GPL de WordPress
- Comment fonctionne WordPress ?
- Quelle est la différence entre WordPress.org et WordPress.com ?
- Comment installer WordPress ?
- Découvrir les réglages de WordPress, utiliser les bonnes pratiques
- Comment rédiger du contenu dans WordPress
- DĂ©couvrir Gutenberg, l’Ă©diteur de WordPress
- Personnaliser WordPress, installer des thèmes
- Ajouter des fonctionnalité à WordPress, installer des extensions
- Comment mettre en ligne un site WordPress ?
Apprendre à développer avec WordPress
C’est maintenant que tu vas te confronter au code de WordPress. Mais avant d’ĂŞtre crĂ©atif, on va avancer pas Ă pas dans un tronc commun et des bonnes pratiques de dĂ©veloppement liĂ©s a WordPress avant de rentrer dans le vif du sujet :
- Comprendre les versions de WordPress
- Comprendre les hooks
- Les API disponibles dans WordPress
- Respecter les WordPress Coding standards
- Penser sécurité avant de coder
Créer un thème WordPress
- Qu’est-ce qu’un thème WordPress ?
- Exemple de thèmes WordPress
- Comprendre la hiérarchie des templates
- Personnaliser l’apparence d’un site grâce au thème enfant
- Transformer une intégration HTML/CSS en thème WordPress
- CrĂ©er un thème sur-mesure Ă partir d’une maquette de designer
Utiliser les fonctionnalités de Gutenberg d
ans un thème
- Supporter les alignements de Gutenberg
- InsĂ©rer les styles front dans l’Ă©dition de contenu
- Ajouter des variations de styles dans les blocs
- Créer des modèles de blocs réutilisables
Aller plus loin
- Optimiser un thème pour le SEO
- Créer des contenus personnalisés avec ACF
- Faire de l’AJAX avec WordPress
- Rendre traduisible un thème WordPress
- Publier un thème sur le répertoire officiel de WordPress
Industrialiser la production de thème
- Créer un thème starter réutilisable de projet en projet
- Mettre en place un environnement de développement
- Industrialiser les déploiements de sites WordPress
- Automatiser les tâches courantes de WordPress avec WP-CLI
- Utiliser des moteurs de templating pour gérer le rendu des thèmes WordPress :
- Utiliser Twig dans WordPress avec Timber
- Utiliser Blade dans WordPress avec Sage
Continuer de se spécialiser dans WordPress
Devenir développeur Gutenberg
Gutenberg est codĂ© en React.js, il est donc nĂ©cessaire de maĂ®triser JavaScript et d’avoir de bonnes notions avec React.js avant d’entamer ce parcours.
Devenir crĂ©ateur d’extensions WordPress
WordPress est codĂ© en PHP et comme il s’agit de crĂ©er des logiques spĂ©cifiques au CMS, il est primordial de maĂ®triser PHP pour apprĂ©cier ce parcours.