Bienvenue dans mon guide ultime sur l'éditeur de blocs WordPress Gutenberg.
Dans ce nouveau tutoriel WordPress Gutenberg, je vous guiderai étape par étape à travers les blocs WordPress Gutenberg et comment utiliser l'éditeur WordPress Gutenberg.
Qu'est-ce que l'éditeur de blocs WordPress Gutenberg ?
Gutenberg est un nom de code pour un tout nouveau paradigme dans la création et la publication de sites WordPress, qui vise à révolutionner l'ensemble de l'expérience de publication autant que Gutenberg a révolutionné le mot imprimé. Le projet est actuellement dans la deuxième phase d'un processus en quatre phases qui touchera chaque aspect de WordPress - Édition, Personnalisation (qui inclut l'édition complète du site, les modèles de blocs, le répertoire de blocs et les thèmes basés sur des blocs), Collaboration et Multilingue - et se concentre sur une nouvelle expérience d'édition, l'éditeur de blocs (qui est le sujet de la documentation actuelle).
Les blocs traitent les paragraphes, les titres, les médias et les intégrations comme des composants qui, lorsqu'ils sont assemblés, constituent le contenu stocké dans la base de données WordPress, remplaçant le concept traditionnel de texte libre avec des médias intégrés et des shortcodes. Le nouvel éditeur est conçu avec une amélioration progressive, ce qui signifie qu'il est compatible avec tout le contenu hérité, et il offre également un processus pour essayer de convertir et de diviser un bloc classique en blocs équivalents en utilisant le parsing côté client. Enfin, les blocs offrent des contrôles d'édition et de format améliorés.
L'éditeur offre une nouvelle valeur riche aux utilisateurs avec des outils de création visuels, par glisser-déposer, et des améliorations puissantes pour les développeurs avec des packages modernes, des composants réutilisables, des API riches et des hooks pour modifier et étendre l'éditeur via des blocs personnalisés, des styles de blocs personnalisés et des plugins.
(source wordpress.org)
👉 Contactez-moi à : jamie@pootlepress.com
Chronologie
0:00 - Intro
0:33 - L'éditeur classique vs le nouvel éditeur de blocs
1:33 - Gutenberg est aussi un plugin
2:00 - Rendre Gutenberg plus facile à utiliser
2:45 - Où trouver les paramètres de page et de publication dans Gutenberg
2:58 - La bibliothèque de blocs Gutenberg
3:15 - Comment ajouter des blocs Gutenberg
4:15 - Une autre façon d'ajouter des blocs Gutenberg
4:34 - Comment personnaliser les blocs Gutenberg
5:20 - La barre d'outils Gutenberg
6:31 - Vue liste Gutenberg et fil d'Ariane
7:11 - Blocs simples et blocs conteneurs
9:25 - Comment travailler avec des blocs simples
10:40 - Comment travailler avec des blocs conteneurs
13:23 - Comment supprimer des blocs Gutenberg
13:39 - Comment supprimer plus d'un bloc (en une fois)
14:00 - Comment déplacer des blocs Gutenberg
14:37 - Comment copier le contenu de la page dans Gutenberg
15:00 - Comment ajouter des icônes sociales à Gutenberg
15:40 - Comment ajouter une vidéo à Gutenberg
16:50 - Comment ajouter du HTML à Gutenberg
17:24 - Comment aligner des boutons dans Gutenberg
17:52 - Comment dupliquer des blocs
18:36 - Comment transformer des blocs en différents types de blocs
19:00 - Transformer du texte automatiquement en colonnes
19:25 - Comment regrouper des blocs
20:00 - Blocs réutilisables dans Gutenberg
21:00 - Modèles de blocs Gutenberg
21:53 - Liens de saut dans Gutenberg
23:18 - Ajouter du CSS à Gutenberg
24:00 - Vue du code WordPress Gutenberg
24:17 - Raccourcis utiles
24:41 - Options de publication
25:12 - Masquer des blocs de la bibliothèque de blocs
25:35 - Plugins de blocs WordPress
26:11 - WooCommerce Gutenberg
26:36 - Thèmes de blocs Gutenberg
27:00 - Édition complète du site (FSE)
27:25 - Démo en direct du front-end Gutenberg