Les listes à puces utilisent des symboles tels que des points, des coches, des flèches et des icônes pour indiquer votre contenu. Les listes numérotées vous permettent de présenter votre contenu dans un ordre séquentiel.
Ces deux types de listes peuvent grandement améliorer la lisibilité de votre contenu sur un site web, de sorte que les internautes puissent facilement le parcourir et l'assimiler. Cet article vous montrera plusieurs méthodes pour ajouter des listes à puces ou des listes numérotées dans WordPress.
- Méthode 1 : Utilisation du bloc Liste
- Méthode 2 : Utilisation du plugin Ultimate Blocks
- Méthode 3 : Utilisation du plugin Tableberg
Créer de belles tables
Avec l'éditeur de blocs
Méthode 1 : Utilisation du bloc de listes
Ouvrez l'éditeur Gutenberg de votre article ou de votre page. Appuyez sur le bouton Plus (+) icône et type Liste pour trouver le bloc. Une fois que le bloc apparaît, ajoutez-le à l'éditeur.
Par défaut, le bloc Liste est de type puce. Pour modifier le type de liste, appuyez sur la touche Sélectionner l'icône Liste dans la barre d'outils comme indiqué ci-dessous.
Vous aurez deux options - non ordonné et ordonné. La liste non ordonnée est la liste à puces normale, et la liste ordonnée est la liste numérotée. Sélectionnez celui qui vous convient. Pour ce tutoriel, nous avons sélectionné le type de puce.
Maintenant, ajoutez vos informations. Pour modifier la typographie du texte et sa taille, allez dans la section Onglet Styles sur la barre latérale droite.
Méthode 2 : Utilisation du plugin Ultimate Blocks
Le bloc de liste par défaut de Gutenberg manque de nombreuses options avancées. Blocs ultimes est un puissant plugin de blocs. Il dispose également d'un bloc Liste avec de nombreuses fonctionnalités avancées.
Installez et activez d'abord le plugin, puis ouvrez un article ou une page. Type de texte Liste stylisée dans la boîte de recherche Gutenberg. Ajoutez le bloc à l'éditeur.
Venez au Onglet Paramètres dans la barre latérale droite. Dans cet onglet, vous pouvez modifier l'icône de la puce, la taille de l'icône, le nombre de colonnes, l'espacement des éléments, la taille de la police, etc. Effectuez les personnalisations nécessaires.
Si vous ne souhaitez pas afficher le bloc sur un appareil particulier, vous pouvez également le masquer à partir de l'onglet des paramètres.
Venez au Onglet Styles par la suite. Vous pouvez modifier la couleur de l'icône de la puce, la couleur du texte et la couleur d'arrière-plan du bloc.
Vous pouvez voir dans l'image ci-dessous que nous avons appliqué la couleur rouge à l'icône de la puce et au texte. De plus, nous avons sélectionné deux colonnes.
Méthode 3 : Utilisation du plugin Tableberg
Un tableau est un moyen structuré d'afficher des informations. Mais le tableau par défaut de WordPress ne vous permet pas d'ajouter des listes. Vous pouvez y remédier en utilisant l'option Tableberg plugin.
Installez et activez le plugin TableBerg. Allez dans l'éditeur de votre post/page. De la même manière, trouvez et ajoutez la balise Bloc Tableberg à l'éditeur.
Définissez les nombres de lignes et de colonnes souhaités dans la case, puis créez le tableau. Nous allons créer un tableau avec 2*2 lignes et colonnes.
Sélectionnez une cellule. Appuyez sur la touche Plus (+) icône. En suivant la première méthode, trouvez et ajoutez l'icône Bloc de listes à la cellule.
Comme vous l'avez vu dans la première méthode, vous pouvez modifier le type de liste, qu'il s'agisse d'un format non ordonné ou ordonné. Ensuite, effectuez les personnalisations nécessaires à partir de l'élément Onglet stylisé.
Conclusion
J'espère que vous savez maintenant comment ajouter des listes à puces ou des listes numérotées à WordPress de différentes manières. Mais savoir quand utiliser la liste à puces et quel type de liste utiliser est vraiment crucial.
Les listes à puces sont parfaites pour les éléments qui ne nécessitent pas d'ordre particulier ou de préférence, comme les avantages, les conseils et les idées. En revanche, les listes numérotées conviennent aux contenus qui doivent suivre un ordre séquentiel, par exemple.