Une liste d'icônes est une collection d'éléments visuels affichés sous forme de liste. Elles sont utilisées dans différents contextes pour améliorer l'attrait visuel et la lisibilité de vos articles de blog et du contenu de vos pages.
Les listes d'icônes sont principalement utilisées pour présenter les caractéristiques, les points clés, les avantages, etc. des produits sous forme de liste. Elles décomposent un contenu volumineux en éléments plus petits et plus faciles à scanner, afin que les lecteurs puissent les comprendre rapidement et facilement.
Dans cet article, nous allons vous montrer deux méthodes simples pour ajouter une liste d'icônes dans WordPress. Restez avec nous jusqu'à la fin.
Créer de belles tables
Avec l'éditeur de blocs
Method 1: Adding Icon List Using Ultimate Blocks
Bloc ultime is a Gutenberg block plugin with 25+ custom blocks. The ‘Styled List’ is a prominent block among them. Here, we’ll show you how to use this block.
Step 1: Install the Ultimate Blocks Plugin
Aller à Plugins > Ajouter un nouveau plugin form your WordPress Dashboard. Find the plugin by typing Ultimate Blocks in the search box. Installer et activer le plugin tel qu'il apparaît ci-dessous.
Step 2: Add the Styled List Block to the Editor
Comme tout bloc Gutenberg, cliquez sur le bouton plus (+) et type Liste stylisée dans la boîte de recherche. Lorsque le bloc apparaît, ajoutez à l'éditeur.
Step 3: Add Items to the Styled List Block
Vous pouvez voir que le bloc Liste stylisée est ajouté à l'éditeur. Il est maintenant temps d'ajouter des éléments à la liste. Vous pouvez énumérer les caractéristiques de votre produit.
Nous avons ajouté un texte fictif au bloc de liste stylisée.
Step 4: Select the Icon for the Styled List Block
Sélectionner l'ensemble du bloc Liste stylisée. Vous verrez l'icône de la coche par défaut sous l'onglet Paramètres. Cliquez sur l'icône de la coche.
Une boîte contenant une collection d'icônes s'ouvre. Sélectionnez l'icône de votre choix. L'icône sera appliquée à l'ensemble du bloc de liste stylisé.
Step 5: Customize the Styled List Block
Sous l'onglet "Paramètres", vous trouverez plusieurs autres options vous permettant de personnaliser le bloc. Ces options sont les suivantes
Taille de l'icône - Augmenter ou diminuer la taille de l'icône.
Nombre de colonnes - Présenter un bloc d'articles sur plusieurs colonnes.
Nombre de colonnes dans le mobile - Présenter le bloc d'articles en plusieurs colonnes dans le mobile.
Espacement des éléments (pixels) - Augmenter ou réduire l'espace entre les éléments de la liste.
Étape 06 : Styliser le bloc de liste stylisée
Suivant, accéder à l'onglet Styles. Vous pouvez modifier la couleur de l'icône, la couleur du texte de la liste et la couleur de l'arrière-plan de la liste à partir de cet onglet.
Ensuite, vous pouvez ajouter un rembourrage et une marge pour donner au bloc la disposition souhaitée.
Vous pouvez donc créer une liste d'icônes à l'aide du plugin Ultimate Blocks.
Method 2: Adding Icon List in Using Tableberg
Vous souhaitez souvent ajouter des listes d'icônes à vos tableaux WordPress. Mais le bloc de tableau par défaut ne vous permet pas de le faire. Installez donc le module Tableberg plugin. Il vous permet de créer des tableaux complets et polyvalents pour votre site.
Step 1: Install the TableBerg Plugin
Installer et activer the Tableberg plugin on your site.
Le processus de création de tableaux avec le plugin est presque le même que le bloc de tableaux par défaut. Suivez ce guide pour apprendre comment créer des tableaux avec TableBerg.
Note: The free version of Tableberg comes with a Bloc de listes. To use the Bloc de listes stylisées, you need to get the pro version of Tableberg.
Step 2: Add the Styled List Block to the Table
Sélectionnez la cellule à laquelle vous souhaitez ajouter la liste des icônes. Une fois la cellule sélectionnée, l'icône plus (+) apparaît.
Cliquez sur l'icône plus (+). Trouver et ajouter le bloc Liste stylisée à la cellule.
Le bloc Liste stylisée sera instantanément ajouté au tableau.
Step 3: Add Items to the Styled List Block on the Table
Ajoutez autant d'éléments que vous le souhaitez au tableau.
Étape 04 : Définir une icône pour le bloc de liste stylisée
Sélectionner l'ensemble du bloc Liste stylisée. Aller à l'adresse Onglet Paramètres sur la barre latérale droite. Cliquez sur l'icône Coche sous l'option Paramètres de l'icône.
Une fenêtre pop-up s'ouvre avec une collection d'icônes. Sélectionnez l'icône de votre choix.
L'icône sélectionnée sera appliquée à l'ensemble du bloc de la liste stylisée.
Step 5: Customize the Styled List Block
L'option Paramètres des icônes permet de personnaliser la taille et l'espacement des icônes.
Étape 06 : Styliser le bloc de liste stylisée
Allez dans l'onglet Styles. Vous pouvez modifier la couleur de l'icône, la couleur du texte, la couleur d'arrière-plan et le remplissage du bloc.
Ainsi, vous pouvez ajouter et créer des listes d'icônes sur les tables WordPress.
Conclusion
Les listes d'icônes dans WordPress permettent non seulement de transmettre des informations clés aux utilisateurs, mais aussi d'améliorer la navigation et l'esthétique de votre contenu. Lors de la personnalisation du bloc, vous devez garder à l'esprit la cohérence de la marque, le score de lisibilité et la hiérarchie du contenu.
Only if there is a combination of all these things will your icon list become alive to the users. That’s all for today.
Also Read:
