L’éditeur Gutenberg permet de créer des mises en pages riches et personnalisées grâce aux différents blocs et leurs options. Nous proposons ici un petit tour d’horizon des possibles.
N’oublions jamais que la meilleure mise en page est souvent la plus simple !
Différents blocs sont à disposition pour construire les pages en fonctions des besoins :
- paragraphe
- liste
- tableau
- bouton
- citation
- image simple
- galerie
- …
Chaque bloc permet ensuite, via son panneau de paramétrage (à droite) ou sa palette de configuration (en haut), de régler différents éléments.
La puissance de l’éditeur est stupéfiante !
Un utilisateur de WordPress
Il est possible très simplement de faire des mises en pages élégantes au service des contenus et de leur lecture.
Apparence des textes
De base, les textes sont en taille Medium (M) mais il existe deux tailles supplémentaires : Small (S) et Large (L). Il est également possible de changer la graisse du texte, sa police, son apparence et sa casse via le panneau « typographie » à droite.
À noter : les réglages de bloc du panneau de droite s’appliquent sur l’ensemble du bloc et non pas sur la portion de texte sélectionnée. Pour appliquer du gras ou de l’italique à une portion de texte il faut utiliser les outils de la palette au dessus de l’élément. Cette palette permet également d’ajouter des liens.
Contenus multimédia
Il est possible d’ajouter toute sorte de contenu multimédia dans les pages. Voici quelques exemples.
Galerie d’images
Choisissez les images des médias à faire apparaitre, paramétrez le nombre de colonnes et si vous souhaitez rendre les images cliquables.
Podcast
Vidéo
Téléchargez votre vidéo sur une plateforme dédiée puis copiez/collez l’URL. Le tour est joué !
Fichier pdf
Il est possible d’ajouter des pdf. Différentes options permettent la lecture du document directement dans la page, la possibilité de le télécharger,…
Mises en pages avancées
Il est également possible de créer des mises en page plus avancées pour des contenus spécifiques.
Les tableaux
Le bloc « tableau » permet de mettre en forme des données tabulaires. Attention au nombres de colonnes car en version mobile elles devront s’afficher sur la largeur de votre smartphone.
Année | Inscrits | Présents | Absents |
2022 | 25 | 29 | 54 |
2021 | 147 | 552 | 74 |
2020 | 69 | 59 | 12 |
Les colonnes
Il est possible de mettre en forme le contenu sous forme de colonnes, pour présenter une équipe ou des produits. Dans ce cas le bloc à utiliser est « colonne ». Dans chaque colonne, il est possible d’ajouter l’ensemble des blocs disponibles, ce qui nécessite l’imbrication de plusieurs blocs et demande donc une connaissance avancée de l’éditeur. Les colonnes s’empilent automatiquement sur mobile.
Ut eu mollis libero. Nulla dapibus dui et pretium pharetra.
Ut eu mollis libero. Nulla dapibus dui et pretium pharetra.
Ut eu mollis libero. Nulla dapibus dui et pretium pharetra.
L’affichage d’une image à côté du texte
Lorsque l’on souhaite mettre une image en vis-à-vis du texte il est possible d’utiliser le bloc « média & texte ». Comme pour les colonnes, la partie texte permet d’ajouter plusieurs types de blocs. L’utilisation de ce bloc demande également une connaissance avancée de l’éditeur.
Phasellus dignissim in odio nec faucibus. Vivamus auctor leo turpis, vitae viverra lacus placerat et. In nec sollicitudin nibh. Nulla efficitur tempor leo, quis lobortis massa consectetur ac.
En conclusion
Avec son infinité de mises en page possibles, l’éditeur Gutenberg vous donne le pouvoir de mettre en valeur vos contenus, de les rendre lisibles et attractifs.
Amusez-vous !
La forme, c’est le fond qui remonte à la surface
Victor Hugo