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
Méthode 1 : Utilisation des Ultimate Blocks
Bloc ultime est un plugin de blocs Gutenberg avec 25+ blocs personnalisés. La " liste stylisée " est un bloc important parmi eux. Ici, nous allons vous montrer comment utiliser ce bloc.
Étape 1 : Installer le plugin Ultimate Blocks
Aller à Plugins > Ajouter un nouveau plugin dans votre tableau de bord WordPress. Trouvez le plugin en tapant Ultimate Blocks dans la boîte de recherche. Installer et activer le plugin tel qu'il apparaît ci-dessous.
Étape 2 : Ajouter le bloc de liste stylisée à l'éditeur
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.
Étape 3 : Ajouter des éléments au bloc de liste stylisée
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.
Étape 4 : Sélectionner l'icône du bloc de liste stylisée
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é.
Étape 5 : Personnaliser le bloc de listes stylisées
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.
Méthode 2 : Utilisation de 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.
Étape 1 : Installer le plugin TableBerg
Installer et activer le plugin Tableberg sur votre 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: La version gratuite de Tableberg est livrée avec une Bloc de listes. Pour utiliser la fonction Bloc de listes stylisées, vous devez obtenir le version pro de Tableberg.
Étape 2 : Ajouter le bloc de liste stylisée au tableau
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.
Étape 3 : Ajouter des éléments au bloc de liste stylisée du tableau
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.
Étape 5 : Personnaliser le bloc de listes stylisées
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.
Ce n'est que s'il y a une combinaison de tous ces éléments que votre liste d'icônes deviendra vivante pour les utilisateurs. C'est tout pour aujourd'hui.
Lire aussi:
