Template blocs Gutenberg Published on
Cette page est un exemple de tous les blocs disponibles pour la création de page avec Gutenberg.
Les seuls blocs à utiliser avec parsimony sont les blocs faisant partis de la catégorie “Première vision” car certains de ces blocs ont été créés pour des types de page en particulier et leur style n’est pas compatible avec tous les types de pages.
Les boutons
Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
Titre 6
Etiam ac nunc a velit posuere sagittis. Praesent et egestas orci. Vivamus a venenatis mi. Nullam bibendum enim et lectus venenatis interdum. Nulla hendrerit turpis massa, et scelerisque est suscipit eget. Nulla mattis justo vitae lectus semper, quis consequat neque mattis. Sed sapien metus, vulputate vel nisl sed, sollicitudin malesuada sapien.
Etiam ac nunc a velit posuere sagittis. Praesent et egestas orci. Vivamus a venenatis mi. Nullam bibendum enim et lectus venenatis interdum. Nulla hendrerit turpis massa, et scelerisque est suscipit eget. Nulla mattis justo vitae lectus semper, quis consequat neque mattis. Sed sapien metus, vulputate vel nisl sed, sollicitudin malesuada sapien.
- item
- item
- item
Integer molestie odio vitae commodo sodales. Nam arcu odio, cursus lacinia ultrices ac, fringilla quis turpis.
Interdum et malesuada fames ac ante ipsum primis in faucibus
Integer molestie odio vitae commodo sodales. Nam arcu odio, cursus lacinia ultrices ac, fringilla quis turpis.
Interdum et malesuada fames ac ante ipsum primis in faucibus
Les blocs de “layouts” sont des blocs qui permettent de gérer la disposition et le positionnement d’ensemble de blocs “enfants”.
2 colonnes 50/50
Attention a ne pas intégrer trop de contenu dans les colonnes car l’espace disponible est limité et le rendu peut en être impacté
On peut gérer la taille des colonnes pour changer le ratio :
50 / 50
25 / 75
75 / 25
etc …
Et y intégrer tous types de contenus
3 colonnes 33/33/33
On peut gérer la taille des colonnes pour changer le ratio :
33 / 33 / 33
25 / 50 / 25
25 / 25 / 50
50 / 25 / 25
etc …
Et y intégrer tous types de contenus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum vulputate cursus.
Groups
On peut utiliser le bloc de layout “groups” pour regrouper plusieurs éléments et leur appliquer du style plus simplement.
Dans un groupe on peut insérer tous les types de contenus que l’on souhaite.
Des colonnes
Cover
Des blocs de contenus
Les rows
Permettent d’ajouter du contenu sur une seule ligne…
…dont on peut gérer le positionnement de ses enfants mais aussi l’orientation pour en faire une colonne.
La stack (column)
Permet d’ajouter du contenu sous forme de colonne…
…dont on peut gérer le positionnement de ses enfants mais aussi l’orientation pour en faire une ligne.
Le séparateur
L’espaceur
Avant espace
Après espace
Sliders / Carrousels
News
Latest news advanced
Latest news simple
Autres
Bloc vidéo
Bloc Events