Maxime BJ présente

La formation

Créer un thème en Full Site Editing

11 cours

Cette formation est en cours de rédaction.
De nouveaux cours seront publiés au fur et à mesure. Inscrivez-vous à la newsletter en bas de page pour être informé de la sortie de la formation complète !

La Formation WordPress Full Site Editing arrive bientôt !

Vous êtes nombreux à vous demander si c’est enfin le bon moment pour vous lancer dans le FSE. Je me pose également cette question depuis quelques années.

Aujourd’hui, du haut de mes 15 ans d’expérience autour de WordPress, pour moi c’est une évidence.

Récemment, J’ai déjà formé une petite dizaine d’agence et on est d’accord sur plusieurs points :

– On tape beaucoup moins de code qu’avant
– On a des outils modernes design system, des compositions que l’on va pouvoir réutiliser
– On offre au client une meilleure ergonomie
– Et le meilleur dans tout ça, c’est qu’on fait des sites 30% plus rapidement

Plus propre, plus pro, plus ergonomique, dans le respect des standards de l’industrie et tout en restant natif. C’est le combo parfait .

Cette formation permettra aux freelances et agences de maitriser ce nouvel outil et sortira au début de l’été 2024.
Inscrivez-vous à la newsletter pour être informé du lancement !

Partie

Partie 1

Tout ce qu'il faut savoir sur le FSE

Avant de nous lancer dans le vif du sujet, découvrons comment fonctionne le FSE, quel est son historique, et pourquoi c'est une bonne idée de s'y mettre dès maintenant.

Partie

Partie 2

Manipuler Gutenberg comme un pro !

Dans ce chapitre, on va revoir quelques bases de l'éditeur visuel Gutenberg, afin de bien comprendre les mécanismes de mise en page, et se faire à l'ergonomie de cet outil.

Partie

Partie 3

Créer un site WordPress en FSE

C'est le moment de nous lancer dans la création de notre tout premier thème FSE. Et tant qu'à faire, on va le concevoir afin qu'il soit réutilisable entre chaque projet, pour gagner du temps !

1 • Créer la base de son thème FSE

Ici, on va mettre en place les bases de notre thème, afin de l'activer. On va également installer un site en local pour travailler dans de bonnes conditions. Puis on verra les principaux concepts d'un thème FSE.

2 • Intégrer le design system

Dans cette partie, le fichier theme.json sera à l'honneur puisque c'est lui qui va permettre d'intégrer notre design system, d'activer ou désactiver les fonctionnalités de l'éditeur, et définir les styles par défaut des éléments de votre site.

3 • Les templates

Maintenant, on va créer visuellement les différents modèles de notre site : les pages, les articles, les archives...

4 • Les compositions

Cette partie est l'une des plus importantes de la formation. La création de compositions réutilisables va nous permettre de gagner énormément de temps grâce à une approche plus granulaire. On pense désormais un site par compositions, et non plus par pages.

5 • Les variations de styles des blocs

Afin de modifier l'apparence des blocs existants, on va pouvoir très facilement créer des variations de styles dont on contrôlera le CSS, afin de pousser au maximum la personnalisation de nos sites sans devoir tout réinventer.

6 • Des blocs sur mesure pour répondre à tous les besoins

Enfin, quand on a épuisé toutes les autres techniques, il nous reste la création de blocs sur mesure. Ainsi, on pourra répondre à toutes les demandes de nos clients sans aucune limite technique.

Partie

Partie 4

Le FSE et les problématiques d'agences

Passer au Full Site Editing va pas mal chambouler les process de votre agence, mais pour le mieux ! Cette partie aborde la tarification d'un site FSE, l'estimation du temps, la nouvelle répartition des compétences en interne et vous permettra un virage plus efficace vers le FSE.

Partie

Partie 5

FSE et Gutenberg avancés

Dans cette dernière partie, nous allons emmener notre thème au niveau supérieur et créer un système permettant de déclarer nos variations, nos blocs sur mesure en JSON afin de ne plus jamais devoir toucher du PHP. On verra également comment sont gérées les données de l'éditeur dans la base de données.