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
Communaute

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 ?
Developpeur

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
Architecte

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
Collaboration

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
Idee

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
Performance

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.