Comment créer un tableau de comparaison dans WordPress (deux façons)

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

Bien que vous puissiez créer des tableaux de comparaison à l'aide de la fonction bloc de table par défaut de WordPressmais il présente de nombreuses limitations. Il n'est pas possible d'ajouter des images, des boutons et des 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

Méthode 1 : Sans utiliser de 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 1 : 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 2 : 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 3 : 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

Méthode 2 : Utilisation du plugin Tableberg

Comme vous pouvez le voir dans la première méthode, vous ne pouvez pas ajouter de image, boutonou encore au tableau comparatif créé avec le bloc de tableau par défaut. Mais sans ces éléments, les tableaux de comparaison ne parviennent pas à déclencher les utilisateurs.

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

Étape 01 : Installer le 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.

Étape 02 : Ajouter le bloc Tablegerg

Ouvrez un article ou une page. Ajouter le Bloc Tablegerg dans l'éditeur de WordPress.

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


Tutoriel vidéo


Lire aussi :

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