Liste

Temps de lecture

3–4 minutes

Organiser le contenu en listes est devenu plus facile avec le bloc Liste. Ce bloc permet de créer des listes à puces (non ordonnées) ou numérotées (ordonnées). Lors de l’insertion d’une liste, chaque élément inséré devient un bloc enfant nommé Élément de liste, facilitant la gestion individuelle de chaque item.

Pour ajouter un bloc dans l’éditeur, vous pouvez consulter la procédure spécifique pour cette action (hors contenu présenté ici).

Si vous souhaitez fusionner deux blocs Liste indépendants, placez-les l’un sous l’autre. Ensuite, positionnez votre curseur à la fin du dernier bloc Élément de liste du premier bloc, puis appuyez sur la touche Suppr. Cela fusionnera les deux blocs Liste en un seul.

Pour transformer un bloc Élément de Liste en bloc Paragraphe, placez le curseur devant le premier caractère de cet élément et appuyez sur la touche Retour arrière. Inversement, pour intégrer un paragraphe dans une liste, placez le curseur devant le texte du paragraphe et appuyez sur Retour arrière ; ce paragraphe deviendra un bloc Élément de liste incorporé dans le bloc Liste.

Barre d’outils du bloc Liste#

Chaque bloc Gutenberg profite d’une barre d’outils située au-dessus ou à côté du bloc pour permettre sa manipulation directe dans l’éditeur. Cette barre comprend des outils communs accessibles à tous les blocs ainsi que certains outils spécifiques au bloc Liste.

Capture d’écran de la barre d’outils du bloc Liste

Liste non ordonnée#

Une liste non ordonnée est une liste à puces classique. Elle est utilisée lorsque l’ordre des éléments n’est pas important, simplement pour lister des points ou idées sans hiérarchie particulière.

Liste ordonnée#

Une liste ordonnée affiche ses éléments précédés de chiffres, lettres ou autres symboles de numérotation. Elle est utilisée lorsque les éléments doivent apparaître dans un ordre précis, par exemple pour des étapes ou une séquence logique.

Désindenter un élément de liste#

L’outil Désindenter ou la touche Retour arrière (placée devant le texte de l’élément) permet de diminuer le niveau d’indentation d’un élément de liste.

  • En appuyant sur Entrée après un élément indenté sans écrire de texte, l’élément suivant remontera d’un niveau d’indentation.
  • Si vous atteignez le premier niveau et appuyez encore sur Entrée, le curseur sortira automatiquement du bloc Liste.
  • Si vous appuyez sur Entrée après avoir saisi du texte, un nouvel élément sera créé au même niveau d’indentation.
  • Lorsqu’un élément parent est désindenté, tous ses éléments enfants seront aussi désindentés d’un niveau.

Indenter un élément de liste#

L’outil Indenter n’est pas accessible sur le bloc principal Liste, mais uniquement sur les blocs enfants Élément de liste.

Capture d’écran de la barre d’outils du bloc Élément de liste.
  • Vous pouvez augmenter le niveau d’indentation en utilisant l’outil Indenter ou la touche Espace placée devant le texte.
  • Cliquer sur l’outil d’insertion dans un élément de liste crée un élément enfant indenté.
  • Indenter un élément crée un bloc Liste imbriqué sous l’élément parent, générant la structure suivante :

Réglages du bloc Liste#

Les réglages spécifiques du bloc apparaissent dans la colonne latérale des réglages de l’éditeur. Ils comprennent des options communes à la plupart des blocs et des réglages particuliers au bloc Liste.

Réglages spécifiques pour une liste ordonnée#

Lorsque vous créez une liste ordonnée, plusieurs options sont disponibles :

  • Valeur de départ : permet de définir le numéro ou la lettre à partir duquel la numérotation commence, utile pour reprendre une liste interrompue ou démarrer la numérotation à un autre point que 1 ou A.
  • Style de numérotation : sélectionnable dans une liste déroulante avec différentes options
  • chiffres (1, 2, 3…)
  • lettres majuscules (A, B, C…)
  • lettres minuscules (a, b, c…)
  • chiffres romains majuscules (I, II, III…)
  • chiffres romains minuscules (i, ii, iii…)
  • Inverser le numérotage : option permettant de numéroter en ordre décroissant.

Si vous avez plusieurs niveaux de listes imbriquées (éléments indentés formant des sous-listes), chaque bloc Liste imbriqué doit avoir ses réglages de numérotation individuels. Vous pouvez appliquer un style différent pour chacune d’elles.

Onglet Avancé#

L’onglet Avancé de la colonne des réglages permet d’accéder à des options supplémentaires propres à chaque bloc, telles que l’ajout de classes CSS personnalisées pour un style plus fin ou des ajustements spécifiques réservés aux utilisateurs avancés.