Blocs de Gutenberg

Donec id elit non mi porta gravida at eget metus. Cum sociis otanique penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.


Titre 1

Titre 2

Titre Trois

Titre Quatre

Titre Cinq
Sixième tête

Bloc préformaté

La route non empruntée, par Robert Frost

Deux routes se séparaient dans un bois jaune,
Et désolé de ne pas avoir pu voyager les deux
Et être un voyageur, longtemps je suis resté
Et j'ai regardé en bas aussi loin que possible.
Là où il se courbait dans les sous-bois ;
Puis il prit l'autre, qu'il jugea tout aussi juste,
Et ayant peut-être la meilleure prétention,
Parce que le terrain était herbeux et qu'il nécessitait d'être foulé ;
Quant à ce qui se passe là-bas
Je les avais usés à peu près autant,
Et tous deux, ce matin-là, étaient couchés de manière égale
Dans les feuilles, aucun pas n'avait foulé de noir.
Oh, j'ai gardé le premier pour un autre jour !
Mais sachant comment un chemin en entraîne un autre,
J'ai douté que je doive un jour revenir.
Je raconterai cela avec un soupir.
Dans un futur lointain :
Deux routes se séparaient dans un bois, et moi…
J'ai pris celui qui était moins fréquenté,
Et c'est ce qui a fait toute la différence.

...et voici une ligne de texte vraiment, vraiment, vraiment, vraiment longue, juste pour voir comment elle est gérée et pour découvrir comment elle déborde ;

Liste ordonnée

  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
  2. Donec ullamcorper nulla non metus auctor fringilla.
    1. Condimentum euismod aenean.
    2. Purus commodo ridiculus.
    3. Vestibule de Nibh commodo.
  3. Cras justo odio, dapibus ac facilisis in.

Liste non ordonnée

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec ullamcorper nulla non metus auctor fringilla.
    • Vestibule de Nibh commodo.
    • Aenean eu leo quam.
    • Pellentesque ornare sem lacinia.
  • Cras justo odio, dapibus ac facilisis in.

Verset

Voici un exemple du bloc de verset de base de Gutenberg.

Un blocage pour les haïkus ? 
Pourquoi pas?
Des blocs pour tout !

Séparateur

Voici des exemples des trois styles de séparateurs du bloc séparateur Gutenberg de base.




Tableau

Voici un exemple du bloc de tableau Gutenberg de base. 

EmployéSalairePosition
Jane Doe
$100kPDG
John Doe$100kCTO
Jane Bloggs$100kIngénierie
Fred Bloggs$100kCommercialisation

Articles les plus récents, affichage en liste

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 

Articles les plus récents, affichage en grille

Passons maintenant à l'affichage en grille. Le bloc « Derniers articles » s'affiche également en mode large et pleine largeur ; pensez donc à vérifier ces styles.


Citation

Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros. Mécène sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

Donec sed odio dui. Mécène faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

Rich Tabor

Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros. Mécène sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Citation alternative

Le style de citation alternatif peut être ciblé à l'aide de .wp-block-quote.is-large. Sélecteur CSS. Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros.

Donec sed odio dui. Mécène faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Rich Tabor

Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros. Mécène sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Audio

Donec sed odio dui. Énée lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Centre aligné:

Exemple de sous-titre pour bloc audio

Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.


Boutons

Donec sed odio dui. Énée lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Centre aligné

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. 

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Mécène sed diam eget risus varius.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Mécène sed diam eget risus varius.


Catégories


Archives


Colonnes

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énée lacinia bibendum nulla sed consectetur. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énée lacinia bibendum nulla sed consectetur. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énée lacinia bibendum nulla sed consectetur. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énée lacinia bibendum nulla sed consectetur. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énée lacinia bibendum nulla sed consectetur. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.


Citations mises en exergue

Voici un exemple du bloc de citation principal, configuré pour être affiché centré. Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros.

Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.

Rich Tabor, ThemeBeans.com

Largement aligné

Voici un exemple du bloc de citation principal, configuré pour s'afficher avec l'attribut large, si le thème le permet. Nulla vitae elit libero, un pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibule à eros.

Voici une citation mise en exergue et alignée à gauche.

Rich Tabor

Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibule et ligula porta felis euismod sempre.

Voici une citation mise en exergue et alignée à droite.

Rich Tabor

Donec ullamcorper nulla non metus auctor fringilla. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis otanique penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibule à eros.


Bloc d'image

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Mécène faucibus mollis interdum.

Modèle vectoriel d'effet de texte modifiable en calques 3D typographie

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Aligné à gauche : dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Mécène faucibus mollis interdum. Vestibule et ligula porta felis euismod sempre. Nullam quis risus.

Bloc vidéo

Examinons le positionnement et le style du bloc vidéo principal. Nous vérifierons également les alignements large et plein écran.

Bloc d'image de couverture

Vérifiez le positionnement et le style du bloc principal de l'image de couverture. Nous vérifierons les alignements pleine largeur et pleine largeur, ainsi que l'alignement gauche/droite.

Exemple de légende

Aligné à gauche : dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Énéen eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Énée lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.


Exemple de légende

Aligné à droite : scelerisque nisl consectetur et. Nulla vitae elit libero, un pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, un pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Alignement centré :

Exemple de surface animée


Blocs de galerie

Examinons maintenant le positionnement et le style des blocs de la galerie.

Galerie à deux colonnes

Ci-dessous, nous avons inséré un bloc Galerie avec deux colonnes et deux images.

Trois colonnes

Ci-dessous, nous avons inséré un bloc Galerie avec trois colonnes et trois images.

Quatre colonnes

Ci-dessous, nous avons inséré un bloc Galerie avec quatre colonnes et quatre images.

Cinq colonnes

Ci-dessous, nous avons inséré un bloc Galerie avec cinq colonnes et cinq images.

Quatre colonnes, cinq images

Changeons un peu la donne. Nous avons maintenant inséré un bloc Galerie avec quatre colonnes et cinq images.

Trois colonnes, cinq images

Nous avons maintenant inséré un bloc Galerie avec trois colonnes et cinq images.

Vous trouverez ci-dessous un bloc Galerie inséré avec deux colonnes et cinq images.

Deux colonnes, cinq images

Trois colonnes, quatre images

Vous trouverez ci-dessous un bloc Galerie inséré avec trois colonnes et quatre images.