{"id":2064,"date":"2025-04-12T16:42:25","date_gmt":"2025-04-12T16:42:25","guid":{"rendered":"https:\/\/tableberg.com\/?p=2064"},"modified":"2025-04-12T16:42:29","modified_gmt":"2025-04-12T16:42:29","slug":"comment-ajouter-une-liste-dicones-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-icon-list-in-wordpress\/","title":{"rendered":"Comment ajouter une liste d'ic\u00f4nes dans WordPress"},"content":{"rendered":"

Une liste d'ic\u00f4nes est une collection d'\u00e9l\u00e9ments visuels affich\u00e9s sous forme de liste. Elles sont utilis\u00e9es dans diff\u00e9rents contextes pour am\u00e9liorer l'attrait visuel et la lisibilit\u00e9 de vos articles de blog et du contenu de vos pages.<\/p>\n\n\n\n

Les listes d'ic\u00f4nes sont principalement utilis\u00e9es pour pr\u00e9senter les caract\u00e9ristiques, les points cl\u00e9s, les avantages, etc. des produits sous forme de liste. Elles d\u00e9composent un contenu volumineux en \u00e9l\u00e9ments plus petits et plus faciles \u00e0 scanner, afin que les lecteurs puissent les comprendre rapidement et facilement.<\/p>\n\n\n\n

Dans cet article, nous allons vous montrer deux m\u00e9thodes simples pour ajouter une liste d'ic\u00f4nes dans WordPress. Restez avec nous jusqu'\u00e0 la fin.<\/p>\n\n\n\n

\n
\n
\n
\n

Cr\u00e9er de belles tables <\/strong>
Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n

\n
Essai gratuit<\/a><\/div>\n\n\n\n
Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

M\u00e9thode 1 : Utilisation des Ultimate Blocks<\/h2>\n\n\n\n

Bloc ultime<\/a> est un plugin de blocs Gutenberg avec 25+ blocs personnalis\u00e9s. La \" liste stylis\u00e9e \" est un bloc important parmi eux. Ici, nous allons vous montrer comment utiliser ce bloc.<\/p>\n\n\n\n

\u00c9tape 1 : Installer le plugin Ultimate Blocks<\/h3>\n\n\n\n

Aller \u00e0 Plugins > Ajouter un nouveau plugin<\/strong> dans votre tableau de bord WordPress. Trouvez le plugin en tapant Ultimate Blocks dans la bo\u00eete de recherche. Installer<\/strong> et activer<\/strong> le plugin tel qu'il appara\u00eet ci-dessous.<\/p>\n\n\n\n

\"Installer<\/figure>\n\n\n\n

\u00c9tape 2 : Ajouter le bloc de liste stylis\u00e9e \u00e0 l'\u00e9diteur<\/h3>\n\n\n\n

Comme tout bloc Gutenberg, cliquez sur le bouton plus (+)<\/strong> et type Liste stylis\u00e9e<\/strong> dans la bo\u00eete de recherche. Lorsque le bloc appara\u00eet, ajoutez \u00e0 l'\u00e9diteur<\/strong>.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

\u00c9tape 3 : Ajouter des \u00e9l\u00e9ments au bloc de liste stylis\u00e9e<\/h3>\n\n\n\n

Vous pouvez voir que le bloc Liste stylis\u00e9e est ajout\u00e9 \u00e0 l'\u00e9diteur. Il est maintenant temps d'ajouter des \u00e9l\u00e9ments \u00e0 la liste. Vous pouvez \u00e9num\u00e9rer les caract\u00e9ristiques de votre produit.<\/p>\n\n\n\n

\"Le<\/figure>\n\n\n\n

Nous avons ajout\u00e9 un texte fictif au bloc de liste stylis\u00e9e.<\/p>\n\n\n\n

\"El\u00e9ments<\/figure>\n\n\n\n

\u00c9tape 4 : S\u00e9lectionner l'ic\u00f4ne du bloc de liste stylis\u00e9e<\/h3>\n\n\n\n

S\u00e9lectionner l'ensemble du bloc Liste stylis\u00e9e<\/strong>. Vous verrez l'ic\u00f4ne de la coche par d\u00e9faut sous l'onglet Param\u00e8tres. Cliquez sur l'ic\u00f4ne de la coche<\/strong>.<\/p>\n\n\n\n

\"S\u00e9lectionner<\/figure>\n\n\n\n

Une bo\u00eete contenant une collection d'ic\u00f4nes s'ouvre. S\u00e9lectionnez l'ic\u00f4ne de votre choix. L'ic\u00f4ne sera appliqu\u00e9e \u00e0 l'ensemble du bloc de liste stylis\u00e9.<\/p>\n\n\n\n

\"S\u00e9lectionner<\/figure>\n\n\n\n

\u00c9tape 5 : Personnaliser le bloc de listes stylis\u00e9es<\/h3>\n\n\n\n

Sous l'onglet \"Param\u00e8tres\", vous trouverez plusieurs autres options vous permettant de personnaliser le bloc. Ces options sont les suivantes<\/p>\n\n\n\n

Taille de l'ic\u00f4ne -<\/strong> Augmenter ou diminuer la taille de l'ic\u00f4ne.<\/p>\n\n\n\n

Nombre de colonnes -<\/strong> Pr\u00e9senter un bloc d'articles sur plusieurs colonnes.<\/p>\n\n\n\n

Nombre de colonnes dans le mobile -<\/strong> Pr\u00e9senter le bloc d'articles en plusieurs colonnes dans le mobile.<\/p>\n\n\n\n

Espacement des \u00e9l\u00e9ments (pixels)<\/strong> - Augmenter ou r\u00e9duire l'espace entre les \u00e9l\u00e9ments de la liste.<\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

\u00c9tape 06 : Styliser le bloc de liste stylis\u00e9e<\/h3>\n\n\n\n

Suivant, acc\u00e9der \u00e0 l'onglet Styles<\/strong>. Vous pouvez modifier la couleur de l'ic\u00f4ne, la couleur du texte de la liste et la couleur de l'arri\u00e8re-plan de la liste \u00e0 partir de cet onglet.<\/p>\n\n\n\n

Ensuite, vous pouvez ajouter un rembourrage et une marge pour donner au bloc la disposition souhait\u00e9e.<\/p>\n\n\n\n

\"Styliser<\/figure>\n\n\n\n

Vous pouvez donc cr\u00e9er une liste d'ic\u00f4nes \u00e0 l'aide du plugin Ultimate Blocks.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

M\u00e9thode 2 : Utilisation de Tableberg<\/h2>\n\n\n\n

Vous souhaitez souvent ajouter des listes d'ic\u00f4nes \u00e0 vos tableaux WordPress. Mais le bloc de tableau par d\u00e9faut ne vous permet pas de le faire. Installez donc le module Tableberg<\/a> plugin. Il vous permet de cr\u00e9er des tableaux complets et polyvalents pour votre site.<\/p>\n\n\n\n

\u00c9tape 1 : Installer le plugin TableBerg<\/h3>\n\n\n\n

Installer<\/strong> et activer<\/strong> le plugin Tableberg sur votre site.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Le processus de cr\u00e9ation de tableaux avec le plugin est presque le m\u00eame que le bloc de tableaux par d\u00e9faut. Suivez ce guide pour apprendre comment cr\u00e9er des tableaux avec TableBerg<\/a>.<\/p>\n\n\n\n

Note<\/strong>: La version gratuite de Tableberg est livr\u00e9e avec une Bloc de listes<\/a>. Pour utiliser la fonction Bloc de listes stylis\u00e9es<\/a>, vous devez obtenir le version pro<\/a><\/strong> de Tableberg.<\/p>\n\n\n\n

\u00c9tape 2 : Ajouter le bloc de liste stylis\u00e9e au tableau<\/h3>\n\n\n\n

S\u00e9lectionnez la cellule \u00e0 laquelle vous souhaitez ajouter la liste des ic\u00f4nes. Une fois la cellule s\u00e9lectionn\u00e9e, l'ic\u00f4ne plus (+) appara\u00eet.<\/p>\n\n\n\n

Cliquez sur l'ic\u00f4ne plus (+)<\/strong>. Trouver et ajouter le bloc Liste stylis\u00e9e<\/strong> \u00e0 la cellule.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

Le bloc Liste stylis\u00e9e sera instantan\u00e9ment ajout\u00e9 au tableau.<\/p>\n\n\n\n

\"Le<\/figure>\n\n\n\n

\u00c9tape 3 : Ajouter des \u00e9l\u00e9ments au bloc de liste stylis\u00e9e du tableau<\/h3>\n\n\n\n

Ajoutez autant d'\u00e9l\u00e9ments que vous le souhaitez au tableau.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

\u00c9tape 04 : D\u00e9finir une ic\u00f4ne pour le bloc de liste stylis\u00e9e<\/h3>\n\n\n\n

S\u00e9lectionner l'ensemble du bloc Liste stylis\u00e9e<\/strong>. Aller \u00e0 l'adresse Onglet Param\u00e8tres<\/strong> sur la barre lat\u00e9rale droite. Cliquez sur l'ic\u00f4ne Coche<\/strong> sous l'option Param\u00e8tres de l'ic\u00f4ne.<\/p>\n\n\n\n

\"D\u00e9finir<\/figure>\n\n\n\n

Une fen\u00eatre pop-up s'ouvre avec une collection d'ic\u00f4nes. S\u00e9lectionnez l'ic\u00f4ne de votre choix.<\/p>\n\n\n\n

\"S\u00e9lectionner<\/figure>\n\n\n\n

L'ic\u00f4ne s\u00e9lectionn\u00e9e sera appliqu\u00e9e \u00e0 l'ensemble du bloc de la liste stylis\u00e9e.<\/p>\n\n\n\n

\"L'ic\u00f4ne<\/figure>\n\n\n\n

\u00c9tape 5 : Personnaliser le bloc de listes stylis\u00e9es<\/h3>\n\n\n\n

L'option Param\u00e8tres des ic\u00f4nes permet de personnaliser la taille et l'espacement des ic\u00f4nes.<\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

\u00c9tape 06 : Styliser le bloc de liste stylis\u00e9e<\/h3>\n\n\n\n

Allez dans l'onglet Styles<\/strong>. Vous pouvez modifier la couleur de l'ic\u00f4ne, la couleur du texte, la couleur d'arri\u00e8re-plan et le remplissage du bloc. <\/p>\n\n\n\n

\"Styliser<\/figure>\n\n\n\n

Ainsi, vous pouvez ajouter et cr\u00e9er des listes d'ic\u00f4nes sur les tables WordPress.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Tutoriel vid\u00e9o<\/h3>\n\n\n\n
\n