Blocs Gutenberg

Exemples de blocs

Illustration des blocs que l’on peut utiliser dans l’éditeur Gutenberg de WordPress.

Paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis. Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies. Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam id nisl augue. Nullam dolor lacus, scelerisque a egestas mollis, consequat non tortor.

Titres

h1

h2

h3

h4

h5
h6

Image

Galerie

Banniere

Image by upklyak

BANNIERE

Media & Texte

Image by upklyak

Texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis. Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies. Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam id nisl augue. Nullam dolor lacus, scelerisque a egestas mollis, consequat non tortor.

Colonnes

Colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis. Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien.

Colonne 1

Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies. Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam id nisl augue. Nullam dolor lacus, scelerisque a egestas mollis, consequat non tortor.

Colonne 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis. Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien.

Audio

Vidéo

Bouton

Listes

  • texte 1
  • texte 2
  • texte 3

Citations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo.

Source de la citation

Code

function mon-theme_styles() {
 
wp_enqueue_style( 'fse-style',
 get_stylesheet_uri(),
 array(),
 wp_get_theme()->get( 'Version' ));
}
add_action( 'wp_enqueue_scripts', 'mon-theme_styles' )

Préformaté

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis. Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies. 

Citation en exergue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra.

Source de la citation

Tableau

InfosTexte
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis.Litora torquent per conubia nostra, per inceptos himenaeos. Nam id nisl augue. Nullam dolor lacus, scelerisque a egestas mollis, consequat non tortor.
Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies.Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. Class aptent taciti sociosqu ad.
Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. Class aptent taciti sociosqu ad.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis tellus ac ligula gravida vestibulum. Nam eget posuere ligula, sed eleifend leo. Mauris pulvinar blandit viverra. Integer eu nibh non justo tincidunt bibendum feugiat ut felis.
Litora torquent per conubia nostra, per inceptos himenaeos. Nam id nisl augue. Nullam dolor lacus, scelerisque a egestas mollis, consequat non tortor.Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies.

Couplet

Nunc quis sagittis elit. Integer laoreet consectetur massa, et cursus enim fermentum sed. In hac habitasse platea dictumst. Aenean quis lacus scelerisque, tempor tortor quis, vehicula nisi. 

Class aptent taciti sociosqu ad.

Suspendisse luctus, odio non bibendum scelerisque, lorem metus hendrerit ante, ut sodales nibh orci at lacus. Nullam eu ex consequat, euismod ante id, tempor sapien. Vivamus in egestas quam. In aliquam lorem sit amet scelerisque ultricies.

Calendrier

décembre 2024
L M M J V S D
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Réseaux sociaux