Depuis janvier 2022 et la sortie de la version 5.9, WordPress embarque un tout nouvel éditeur de site entièrement basé sur les blocs Gutenberg.
Dans cette présentation pleine d’exemples, d’illustrations et de mèmes, je donne un aperçu complet de l'éditeur de site WordPress et de ses nombreuses fonctionnalités qui s’inscrivent pleinement dans l’évolution de Gutenberg depuis 2015.
Des modèles et parties de modèles aux réglages et styles globaux en passant par les compositions de blocs ou encore les menus, vous devriez tout savoir sur cette nouvelle expérience et ses nouveaux enjeux qui bousculent profondément la façon de concevoir des sites avec votre CMS préféré.
5. ÉDITEUR DE SITE n.
1. Fonctionnalité native de WordPress qui permet à
quiconque, même à ceux qui n'ont aucune
expérience du codage, de créer et de
personnaliser entièrement leur site avec les blocs.
➤ Gutenberg
6. De Gutenberg, l’éditeur de contenu…
Capture d’écran du thème Twenty Nineteen,
disponible lors de la sortie de WordPress 5.0.
WordPress 5.0 “Bebo”
06 décembre 2018
7. …à Gutenberg, l’éditeur de site
Capture d’écran de la vidéo de présentation de WordPress 5.9.
Éditeur beta
WordPress 5.9 “Josephine”
25 janvier 2022
Aa
24. 3 blocs indispensables
Navigation Boucle de requête
Une collection de blocs qui
permettent de créer des
menus.
Un bloc qui permet
l’affichage de types de
publications avec divers
paramètres de requête et
configurations visuelles.
Élément de modèle
Un bloc qui permet
d’importer ou de créer une
zone de blocs indépendante
du reste du modèle.
34. Hiérarchie des réglages
Thème(s) Site
Réglages du site
via le fichier de configuration
Réglages du site
via l’interface de l’éditeur
Bloc
Réglages du bloc
via l’interface de l’éditeur
theme.json ←
←
42. L’avenir de WordPress est déjà là
EXPÉRIENCE UNIFIÉE
Fini les menus, les widgets, le customizer, les
réglages… l’expérience d’édition dans WordPress
est unifiée et simplifiée.
NATIF, PERFORMANT, EXTENSIBLE
Rien à ajouter, on peut tout imaginer.
PARADIGME ÉTENDU
Gutenberg est là. Il faut apprendre à l’intégrer au
design, au développement et les usages.
43. L’éditeur de site, deuxième phase
du projet Gutenberg
Édition Personnalisation Collaboration I18n
Introduction de Gutenberg
comme nouvel
éditeur de contenu
Implémentation des outils
pour personnaliser un site
entier avec Gutenberg
Implémentation du système
d’édition collaborative
Support natif de
l'internationalisation
✏ 🖌 🌍
49. À suivre sur les réseaux
Rich Tabor
@richard_tabor
Nick Diego
@nickmdiego
Ellen Bauer
@ellenbauer
@AinoBlocks
Ryan Welcher
@ryanwelcher
Benjamin Grolleau
@benj_grolleau
Anders Norén
@andersnoren
Florian Truchot
@floriantruchot