Le bloc Liste vous permet d’organiser le contenu de listes numérotées ou à puces.
Dans ce guide
Pour ajouter le bloc Liste, cliquez sur l’icône + de l’outil d’insertion de bloc et rechercher le terme « liste ». Cliquez sur celui-ci pour ajouter le bloc à l’article ou à la page.
💡
À l’aide du clavier, vous pouvez également saisir /liste sur une nouvelle ligne et appuyer sur Entrée pour ajouter rapidement un nouveau bloc Liste.
Des instructions détaillées sur l’ajout de blocs sont disponibles ici.
Lorsque vous cliquez sur le bloc, une barre d’outils d’options s’affiche au-dessus de celui-ci :
La barre d’outils du bloc Liste contient les options suivantes :
- Modifier le type du bloc.
- Faire glisser le bloc.
- Faire monter ou descendre le bloc.
- Liste non ordonnée.
- Liste ordonnée.
- Désindenter.
- Indenter.
- Options supplémentaires, notamment mise en surbrillance, code en ligne, image en ligne, saisie clavier et autres options de formatage
- Plus d’options.
Lorsque vous cliquez sur le bloc, des réglages du bloc supplémentaires apparaissent dans la colonne latérale droite. Si vous ne voyez pas la colonne latérale, vous devrez peut-être cliquer sur l’icône ⚙️ (engrenage / pignon) dans le coin supérieur droit pour afficher les réglages.
L’option Couleur vous permet de définir le texte, l’arrière-plan et d’associer les couleurs utilisées dans le bloc Liste.
Cliquez sur le cercle situé à côté de la section que vous souhaitez modifier et vous verrez apparaître les options parmi lesquelles vous pouvez choisir les couleurs de votre thème ou les couleurs par défaut.
Cliquez sur la section située au-dessus de ces options pour choisir une couleur personnalisée en faisant glisser votre souris sur un sélecteur de couleurs ou en saisissant les codes couleur Hex, RGB ou HSL.
Ajustez l’apparence du bloc de texte avec les réglages suivants.
Si vous ne visualisez pas le réglage, cliquez sur les trois points situés à la droite de Typographie (comme montré sur la droite). Vous pouvez choisir l’option à laquelle vous souhaitez accéder :
- Taille de police
- Famille de polices
- Apparence
- Hauteur de ligne
- Décoration
- Casse
- Espacement des lettres
La taille de police vous permet d’ajuster la taille du texte. Vous pouvez choisir parmi des tailles prédéfinies comme petit, moyen et grand.
Vous pouvez également définir une valeur spécifique en cliquant sur l’icône de curseur directement au dessus des sélections par défaut, indiqué par un 1 dans la capture d’écran ci-dessous. Vous pouvez modifier les unités en cliquant à l’endroit indiqué par le chiffre 2 dans la capture d’écran ci-dessous. Les choix sont en pixels em
ou rem
.
Famille de police vous permet de modifier le style de la police utilisée. Choisissez parmi une liste de polices dans un menu déroulant.
Apparence vous permet de modifier le style de texte entre normal et italique, et de fin à très gras.
Hauteur de ligne définit l’espacement au-dessus et en dessous du texte. Si vous choisissez zéro, assurez-vous de vérifier votre site sur mobile.
Décoration inclut les options de soulignement et de biffure.
Casse vous permet de mettre l’intégralité du texte ou la première lettre en majuscules ou en minuscules.
Espacement des lettres définit l’espace entre chaque caractère du texte. Vous pouvez modifier les unités par défaut (pixels) en pourcentage, em
, rem
, vw
et vh
. En savoir plus concernant les unités relatives ici.
Lorsque vous choisissez une liste ordonnée (numérotée) des options supplémentaires apparaîtront dans la colonne latérale des réglages du bloc.
Vous pouvez sélectionner la valeur de départ de la liste. Cette option est utile si vous devez insérer du contenu n’appartenant pas à votre liste (comme une image) et poursuivre la liste en dessous.
Utilisez Inverser la numérotation de la liste pour inverser l’ordre de votre liste. Par exemple, si vous souhaitez créer une liste de compte à rebours commençant par 10, vous devez utiliser l’option Inverser la numérotation de la liste.
L’onglet Avancé vous permet d’ajouter une classe CSS à votre bloc. Vous pouvez ainsi écrire un CSS personnalisé et configurer le style du bloc à votre guise.
Vous pouvez transformer n’importe quel bloc Paragraphe en un bloc Liste en sélectionnant le bloc, en cliquant sur le bouton situé à l’extrême droite dans la barre d’outils du bloc et en choisissant Liste dans le menu Transformer en. Si vous mettez en surbrillance plusieurs blocs Paragraphe simultanément et sélectionnez Liste, chaque bloc paragraphe est transformé en un élément d’une liste unique.
Vous pouvez utiliser les icônes d’indentation de la barre d’outils pour indenter vos listes ou utiliser la barre d’espace de votre clavier pour indenter un élément.
💡
Une fois qu’un élément de liste est indenté, vous pouvez à nouveau le désindenter en utilisant l’icône située à gauche de l’icône d’indentation ou en appuyant sur la touche Retour arrière de votre clavier.
Des listes peuvent également contenir des ordonnancements différents, par exemple des numéros suivis par des puces et vice versa.
Vous pouvez ajouter des listes en saisissant un trait d’union suivi par un élément de votre liste et une simple pression sur la touche Entrée / Retour. De même, vous pouvez ajouter une liste numérotée en saisissant « 1 », puis un point (.
) suivi par un élément de votre liste et une simple pression sur la touche Entrée / Retour.