Comment créer un tableau de comparaison dans WordPress (avec ou sans plugin)

Un tableau comparatif vous permet de comparer plusieurs articles horizontalement ou verticalement, en mettant en évidence leurs principales caractéristiques, leurs spécifications et d'autres éléments. C'est un moyen efficace de permettre aux utilisateurs de prendre des décisions en connaissance de cause.

Bien que vous puissiez créer des tableaux de comparaison avec le bloc de tableau par défaut de WordPress, celui-ci présente de nombreuses limitations. Vous ne pouvez pas ajouter d'images, de boutons et de listes au bloc par défaut.

TableBerg est un merveilleux plugin de création de tableaux qui surmonte toutes ces limitations. Dans cet article, nous allons vous montrer deux méthodes pour créer un tableau de comparaison dans WordPress - avec un plugin et sans plugin.

Créer de belles tables
Avec l'éditeur de blocs

Première méthode : créer un tableau de comparaison sans plugin

Vous obtiendrez un bloc Table par défaut dans la bibliothèque de blocs de WordPress. Il vous permet de créer un tableau de comparaison de base.

Étape 01 : Ajouter le bloc de tableau à l'éditeur de votre article ou de votre page

Cliquez sur le bouton icône plus (+). Type Tableau dans la boîte de recherche. Une fois que le bloc apparaît, l'ajouter à l'éditeur de votre article/page.

Ajoutez le bloc Table à votre éditeur de page ou d'article

Étape 02 : Définir le numéro de la colonne et de la ligne

Définissez les numéros de colonne et de ligne comme vous le souhaitez pour le tableau. Dans ce tutoriel, nous choisirons 4*3 pour le tableau de comparaison.

Définir le numéro de la ligne et de la colonne

Étape 03 : Ajouter des informations au tableau

Ajoutez maintenant des informations au tableau. Vous ne pouvez ajouter que des informations textuelles ; pas d'images, de boutons ou d'autres blocs.

Voici une table de démonstration que nous avons préparée pour le poste.

Démonstration d'un tableau comparatif créé avec le bloc WordPress Table par défaut

Deuxième méthode : créer un tableau de comparaison avec TableBerg

Comme vous pouvez le voir dans la première méthode, vous ne pouvez pas ajouter d'image, de bouton ou autre au tableau comparatif créé avec le bloc de tableau par défaut. Or, sans ces éléments, les tableaux comparatifs ne déclenchent pas l'attention des utilisateurs.

TableBerg est un merveilleux plugin de construction de table adapté à Gutenberg qui peut vous aider à surmonter toutes ces limitations.

Étape 01 : Installation du plugin TableBerg

Connectez-vous à votre tableau de bord WordPress. Allez à Plugins > Ajouter un nouveau plugin. Type TableBerg dans la boîte de recherche pour trouver le plugin. Une fois que le plugin apparaît ci-dessous, cliquez sur le bouton Installer maintenant bouton. Activer par la suite.

Installer le plugin TableBerg

Étape 02 : Ajouter le bloc TableBerg

Ouvrez un article ou une page. Ajouter le Bloc TableBerg de l'éditeur Gutenberg.

Ajouter le bloc TableBerg

Étape 03 : Sélectionner le nombre de lignes et de colonnes

Sélectionnez le nombre de lignes et de colonnes comme vous le faites avec le bloc de tableau par défaut. Cliquez sur l'icône Créer un tableau après cela. Nous allons sélectionner deux (2) colonnes et quatre (4) lignes.

Sélectionner le nombre de lignes et de colonnes

Étape 04 : Ajouter du contenu au tableau

Ajoutez des titres aux colonnes. Appuyez sur la touche Plus (+) et sélectionnez le bloc de votre choix. Sélectionnez le bloc Bloc d'images après cela. Cela vous permettra d'ajouter une image à la cellule.

Ajouter un bloc d'images au tableau créé par TableBerg

# Ajouter des images au tableau

Vous pouvez voir que nous avons ajouté une image à chaque colonne.

Ajouter des images au tableau

# Ajouter des listes au tableau

Sélectionnez ensuite l'option Bloc de listes. Ce bloc vous permet d'énumérer toutes les caractéristiques de votre produit. Effectuez cette opération sur la ligne correspondante de chaque colonne.

Ajouter une liste au tableau créé par TableBerg

# Ajouter des boutons au tableau

Ajoutez maintenant le Bloc de boutons dans le tableau. Cela vous permettra d'ajouter un bouton CTA pour chaque produit.

Ajouter des boutons au tableau

Une fois les blocs ajoutés, vous pouvez les personnaliser à partir de l'onglet Styles dans la barre latérale droite.

Personnaliser les blocs TableBerg

Ainsi, vous pouvez créer des tableaux comparatifs polyvalents et à usages multiples en utilisant le plugin TableBerg.

Conclusion

La création de tableaux comparatifs peut grandement améliorer l'expérience de l'utilisateur en présentant l'information dans un format structuré et facile à digérer. TableBerg promet de révolutionner votre expérience de création de tableaux WordPress avec d'autres versions étonnantes dans les jours à venir.

Voici un guide rapide sur Comment supprimer les bordures de tableau dans WordPress afin que vous puissiez rendre votre table plus attrayante.



L'équipe Tableberg