Retour à l’assistance Contenu et médias Blocs Bloc Liste

Bloc Liste

Le bloc Liste vous permet d’organiser le contenu de listes numérotées ou à puces.

Ajouter le bloc Liste

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.

L’option permettant de saisir /liste pour faire apparaître la liste déroulante du sélecteur de bloc et choisir Liste dans le menu.
Remplacez ce GIF par le vôtre et assurez-vous qu’il est correctement aligné.

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

Barre d’outils du bloc

Lorsque vous cliquez sur le bloc, une barre d’outils d’options s’affiche au-dessus de celui-ci :

La barre d’outils qui apparaît au-dessus du bloc Liste.
La barre d’outils du bloc Liste

La barre d’outils du bloc Liste contient les options suivantes :

Réglages du bloc

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.

Les réglages du bloc sont disponibles dans la colonne latérale droite.
Cliquez sur l’icône ⚙️ pour ouvrir les réglages du bloc
Couleur

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.

L’option de couleur du texte choisie à l’aide du sélecteur de couleurs et les choix de code hex possibles.
Cliquez pour agrandir
Les options de couleur dans la colonne latérale du bloc Liste.
Les sélecteurs de couleurs pouvant être sélectionnés pour chaque option de couleur dans la colonne latérale du bloc Liste.
Typographie

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
Menu déroulant de typographie
La typographie se trouve dans la colonne latérale de réglages de bloc, avec les options supplémentaires déroulées.

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.

Réglages de taille de police de typographie

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.

Réglages de la liste ordonnée

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.

Une liste ordonnée avec une flèche pointant vers les réglages de la liste ordonnée dans la colonne latérale des réglages du bloc.
Réglages de la liste ordonnée.

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.

Avancé

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.

La section Avancé vous permet d’ajouter une classe CSS à votre bloc.

Convertir un texte en liste

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.

Utilisation de l’option Transformer en sur plusieurs paragraphes afin d’en convertir le contenu en liste.

Listes indentées

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.

L’icône d’indentation mise en surbrillance.
Listes indentées à l’aide des icônes d’indentation.

💡

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.

Listes mixtes

Des listes peuvent également contenir des ordonnancements différents, par exemple des numéros suivis par des puces et vice versa.

Vous pouvez également fusionner des listes.

Raccourci Liste

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.

Vous pouvez saisir des listes en utilisant les raccourcis Trait d’union ou Numéro.
Vous pouvez saisir des listes en utilisant les raccourcis Trait d’union ou Numéro.
Copied to clipboard!