Comment ajouter une liste d'icônes dans WordPress

Comment ajouter une liste d'icônes dans WordPress

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

Première méthode : ajouter une liste d'icônes dans WordPress en utilisant Ultimate Blocks

Bloc ultime est un plugin de blocs Gutenberg avec 25+ blocs personnalisés. L'icône est un bloc important parmi eux. Ici, nous allons vous montrer comment utiliser ce bloc.

Étape 01 : Installer le plugin Ultimate Blocks

Aller à Plugins > Ajouter un nouveau plugin. Trouvez le plugin en tapant Ultimate Blocks dans le champ de recherche. Installer et activer le plugin tel qu'il apparaît ci-dessous.

Installer et activer le plugin Ultimate Blocks

Étape 02 : 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.

Ajouter le bloc de liste stylisée à l'éditeur

Étape 03 : 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.

Le bloc Liste stylisée est ajouté à l'éditeur

Nous avons ajouté un texte fictif au bloc de liste stylisée.

Eléments ajoutés au bloc Liste stylisée

Étape 04 : Sélection de l'icône pour le 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.

Sélectionner l'ensemble du bloc Liste stylisée

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é.

Sélectionner l'icône du bloc de liste stylisée

Étape 05 : Personnalisation du 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.

Personnaliser le bloc de liste stylisée

É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.

Styliser votre bloc de liste stylisée

Vous pouvez donc créer une liste d'icônes à l'aide du plugin Ultimate Blocks.

Deuxième méthode : ajouter une liste d'icônes dans WordPress à l'aide 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 01 : Installation du plugin TableBerg

Installer et activer le plugin TableBerg sur votre site.

Installer et activer le plugin TableBerg

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.

Étape 02 : 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.

Ajouter le bloc de liste stylisée au tableau

Le bloc Liste stylisée sera instantanément ajouté au tableau.

Le bloc Liste stylisée est ajouté au tableau

Étape 03 : Ajouter des éléments au bloc de liste stylisée du tableau

Ajoutez autant d'éléments que vous le souhaitez au tableau.

Ajouter des éléments au bloc Liste stylisée du 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.

Définir une icône pour le bloc Liste stylisée

Une fenêtre pop-up s'ouvre avec une collection d'icônes. Sélectionnez l'icône de votre choix.

Sélectionner une icône

L'icône sélectionnée sera appliquée à l'ensemble du bloc de la liste stylisée.

L'icône appliquée au bloc de la liste stylisée

Étape 05 : Personnalisation du bloc de listes stylisées

L'option Paramètres des icônes permet de personnaliser la taille et l'espacement des icônes.

Personnaliser le bloc Liste stylisée

É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.

Styliser le bloc de liste stylisée

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. Mais avant de quitter ce billet, vous pouvez explorer un autre billet sur Comment changer la couleur de la bordure d'un tableau dans WordPress.



L'équipe Tableberg

L'offre de réservation anticipée est en ligne dès maintenant !
Texte par défaut de la barre de notification