- Vous développez des sites WordPress pour des clients et avez des difficultés à les personnaliser avec les blocs existants ?
- Vous utilisez le nouvel éditeur de site et avez besoin de blocs personnalisés ?
- Vous développez une extension qui a un besoin de contenu particulier, que vous souhaitez proposer sous la forme d’un nouveau bloc ?
Depuis la version 5.0, WordPress offre un nouvel éditeur de contenu basé sur les blocs, qui a ouvert de nouvelles possibilités d’intégration. Et récemment, cet éditeur a été étendu aux sites complets.
Les nouveaux thèmes par défaut compatibles avec l’éditeur de site vous offrent la possibilité de construire non seulement le contenu mais aussi vos entêtes, votre pied de page et vos modèles de page entiers à base de blocs.
Cette nouvelle façon de concevoir les sites, basés entièrement sur les blocs est maintenant la norme pour les sites WordPress.
Savoir construire des blocs personnalisés pour l’éditeur de WordPress devient donc essentiel pour pouvoir profiter pleinement de ces innovations et intégrer tout type de contenu ou de fonctionnalité imaginable en quelques clics.
C’est exactement ce que je vous propose d’apprendre avec cette formation Développer des blocs pour l’éditeur de WordPress.
En quatre jours (distanciel) vous apprendrez tout ce dont vous avez besoin pour créer des blocs personnalisés simples et complexes, et élargir le champ des possibles quand vous construisez un site.
Objectifs
Dans cette formation personnalisable, vous apprendrez tout ce dont vous avez besoin pour créer et développer des blocs personnalisés pour l’éditeur de WordPress :
- comment déclarer un nouveau bloc et le rendre disponible dans l’éditeur
- comment gérer son interface dans l’éditeur et son rendu sur le devant du site
- comment gérer ses données, ses réglages, et son intégration générale dans l’éditeur
- comment utiliser les composants natifs déjà présents dans WordPress
- comment interagir avec les autres blocs et données de l’éditeur
- comment exploiter au maximum les fonctionnalités avancées des blocs comme les blocs imbriqués, les blocs dynamiques, etc…
- comment intégrer votre bloc dans un développement existant
- comment gérer les traductions de votre bloc
A l’issue de cette formation,
- vous comprendrez le fonctionnement interne de l’éditeur et des blocs
- vous serez capable de créer rapidement un bloc simple,
- vous maîtriserez les concepts de base de React et du JSX,
- vous saurez intégrer parfaitement les blocs au sein de l’éditeur,
- vous serez en mesure de créer des blocs complexes qui communiquent avec l’éditeur,
- vous serez en mesure de lire et comprendre le code source des blocs existants
Public cible
Cette formation s’adresse aux développeurs intermédiaires maîtrisant les bases en HTML/CSS, PHP et JavaScript, et souhaitant apprendre les fondamentaux et spécificités du développement pour l’éditeur de WordPress. Si vous avez déjà développé en PHP pour WordPress, et souhaitez vous attaquer au JavaScript de l’éditeur de contenu, cette formation est pour vous !
Prérequis
Pour suivre cette formation, il vous faut des connaissances de base en HTML/CSS, PHP et JavaScript. Quelques connaissances en développement JavaScript moderne et de React sont bienvenues, mais pas forcément indispensables.
Développer pour WordPress est une formation synchrone en distanciel. Un outil de visio-conférence sera utilisé. Vous aurez besoin d’une bonne connexion internet, ainsi que de votre ordinateur personnel. Aussi, un ensemble de logiciels sont à installer sur votre machine, si ce n’est pas déjà fait. Tous les renseignements et procédures se trouvent dans le livret d’accueil distribué juste avant la formation.
Durée
La formation se déroule sur quatre jours (24h), en distanciel. Les journées ou demi-journées pourront être non-consécutives, en fonction de vos besoins/contraintes. Comptez environ deux à quatre semaines pour le délai d’accès. Ce délai dépendra du temps nécessaire à ajuster le plan de formation à vos besoins et à contractualiser.
Modalités et organisation
La formation se déroulera de manière synchrone en distanciel. Après contractualisation et formalisation des horaires des journées ou demi-journées de formation, un calendrier vous sera fourni et les demi-journées de formations se dérouleront via un outil de visio-conférence.
Les temps de formation alternent présentation, travaux pratiques et échanges plus libres. Des exercices visant à évaluer l’acquisition des compétences et concepts enseignés vous seront proposés au cours du programme, et permettront d’adapter le rythme et le contenu de la formation si besoin. Une évaluation finale permettra de mesurer le degré d’acquisition des objectifs de la formation.
Plan de la formation
(mis à jour le 12/11/24)
Jour 1 : Les fondamentaux
L’objectif du premier jour est de comprendre les bases de React et du fonctionnement des blocs et de l’éditeur de WordPress.
- Comprendre le fonctionnement de l’éditeur et des blocs
- Démarrer rapidement avec
wp-create-block - Comment déclarer un bloc
- Comprendre
block.json - Introduction au JSX
- Gérer les données d’un bloc
- Création d’un bloc simple
- Les composants natifs
Jour 2 : Les fonctionnalités essentielles des blocs
Maintenant que vous savez comment déclarer un bloc simple et gérer ses données, vous savez créer un bloc fonctionnel. L’objectif du jour est de comprendre comment intégrer au maximum votre bloc avec toutes les fonctionnalités offertes nativement par l’éditeur de WordPress.
- Intégrer le bloc à l’éditeur et au thème
- Ajouter des réglages au bloc
- Les Block Supports
- Les Block Styles
- Les Block Variations
- La Block Toolbar
- Gérer les traductions
Jour 3 & 4 : Fonctionnalités avancées
L’objectif des deux derniers jours est d’explorer toutes les fonctionnalités plus avancées de l’éditeur, pour créer des blocs plus complexes.
- Blocs statiques et blocs dynamiques
- Comment ajouter une Sidebar
- Utiliser les Inner Blocks
- Interagir avec les données de l’éditeur
- Travailler avec la REST API
- Travailler avec les métadonnées
- Composition et hooks
- Ajouter des blocs à une extension ou thème existant
Infos pratiques
- Tarif : Le prix de la formation est de 2400€ HT par personne, pour les 4 jours de formations. Si vous avez un besoin personnalisé, le plan et le tarif pourront être ajustés en conséquence.
- Accessibilité : suivre la formation ne demande pas de déplacement, donc les participants à mobilité réduite peuvent suivre la formation de chez eux dans les conditions dans lesquelles ils sont habitués. Seuls une bonne connexion internet et quelques logiciels/packages installés sont requis. Pour tout autre besoin spécifique dû à une contrainte organisationnelle ou une situation de handicap, contactez-moi par mail et faites-moi part de vos difficultés, pour que l’on puisse prévoir un aménagement si besoin.
- Supports de formation : tous les supports de formations seront disponibles pendant et après la formation et seront utilisables dans les limites de la licence GPL 3.0.
- Exercices et évaluations : des exercices pratiques seront proposés en cours de formation. En fin de formation, vous serez soumis à une évaluation plus globale pour vérifier l’acquisition des notions abordées, consistant en un questionnaire et un exercice de mise en application. Un certificat de formation sera délivré. Aussi, vous recevrez un questionnaire de satisfaction pour évaluer votre formateur et la session de formation.
Pour toute demande d’informations ou demande spécifique, n’hésitez pas à me contacter par mail vincent@vincentdubroeucq.com ou via le formulaire de contact sur cette page.
Votre formateur
Je m’appelle Vincent Dubroeucq, je suis développeur WordPress, formateur et orateur.
J’ai été orateur au WordCamp Paris 2018 et Lyon 2022.
Je suis auteur du WPCookBook, un guide pdf qui aide des centaines de développeurs à bien démarrer le développement WordPress.
J’enseigne le développement WordPress sur ce blog, et j’attache un soin particulier sur la simplicité, et le respect des standards et meilleures pratiques.
