Les tableaux et les graphiques sont plus importants qu'on ne le pense pour un site web, car ils facilitent grandement la présentation tarifs, des offres, de la trajectoire de l'entreprise et bien d'autres choses encore

Retrouver un tableau après l'avoir créé peut s'avérer fastidieux, car il faut copier-coller le code court. Mais que diriez-vous d'un bloc dédié à la recherche de tous vos tableaux ? WP Table Manager vous permet de le faire grâce à l'éditeur Gutenberg de WordPress, simple d'utilisation.

WP Table Manager ajoute des blocs à l'éditeur Gutenberg qui vous permettront d'ajouter ces tableaux avec une zone de recherche directement dans le bloc.

Créer des tableaux WordPress avec ce plugin pour Gutenberg

Dans cet article, nous utiliserons WP Table Manager pour créer un tableau comparatif de prix. Nous verrons tout d'abord comment créer des tableaux.

Tout d'abord, allez dans Gestionnaire de tables > Toutes les tables , dans cette section, cliquez sur + Créer > Table , cela ouvrira l'éditeur de table, nous pourrions utiliser un thème pour nous faciliter la tâche, alors choisissons-en un, cliquez sur Thème > Sélection du thème .

Vous verrez toutes les options de thèmes, nous allons donc sélectionner celui qui conviendra au tableau comparatif tarifs.

Cliquez maintenant sur OK (n'oubliez pas que toutes les données du tableau seront supprimées).

Maintenant que nous avons ajouté un thème, le travail est quasiment terminé.

Il suffit de faire quelques ajustements simples et d'adapter le tableau à nos besoins. Je vais supprimer de nombreuses lignes et en modifier beaucoup d'autres ; celles-ci peuvent être modifiées simplement en cliquant dessus et en commençant à taper comme si vous utilisiez Excel.

Pour supprimer, il suffit de cliquer sur les lignes, de faire un clic droit, puis de sélectionner Supprimer .

Pour modifier une cellule, il suffit de cliquer dessus ; un éditeur avancé s’ouvrira, vous permettant de personnaliser son contenu à votre guise.

Si nous voulons personnaliser davantage le tableau, nous pouvons changer la couleur ; il suffit de cliquer sur la cellule et d’utiliser les outils du haut pour modifier la couleur des cellules souhaitées.

Il n'est pas nécessaire d'enregistrer le tableau car il sera automatiquement sauvegardé à chaque modification.

Maintenant que nous avons créé le tableau, nous pouvons l'ajouter à l'article à l'aide du bloc Éditeur Gutenberg.

Allez dans Articles > Ajouter , vous verrez l'éditeur Gutenberg, nous sélectionnerons le WP Table Manager .

Cela ajoutera un champ de recherche qui vous affichera les catégories et les tableaux, et vous pourrez ajouter un tableau simplement en cliquant dessus.

Le tableau sera ajouté, et ensuite, il vous suffira de publier cet article pour que le tableau apparaisse, aussi simplement qu'un clic sur le tableau et la publication de l'article/de la page.

Et voilà, nous avons créé et publié un tableau de prix en moins de 10 minutes, c'est vraiment facile, n'est-ce pas ?

Utilisation WP Table Manager dans WordPress pour créer des graphiques

Oui, nous aurons également la possibilité de créer des graphiques à partir des tableaux, et l'autre bonne nouvelle est que la section des graphiques dispose d'un bloc Gutenberg dédié, ce qui vous permettra de trouver facilement le graphique lors de la création de votre article.

Pour créer des graphiques, accédez à Gestionnaire de tables > Toutes les tables . Une table contenant les données à afficher dans le graphique doit être créée.

Une bonne pratique consisterait à créer une catégorie pour chaque type de tableau que nous souhaitons créer ; par exemple, ici nous avons créé une catégorie appelée : « Graphiques ».

Créer des catégories est très simple, pour cela, cliquez sur + Créer > Catégorie .

Enfin, saisissez le titre de la catégorie, sélectionnez la catégorie parente (s'il s'agit d'une sous-catégorie) et cliquez sur Terminé .

Passons maintenant au tableau où nous voulons créer le graphique ; nous avons ajouté un tableau basé sur les populations de 5 pays.

Pour créer le graphique, nous devrons sélectionner les cellules que nous souhaitons ajouter au graphique et cliquer sur Graphique > Créer un graphique à partir des données.

 Nous allons maintenant voir le graphique créé à l'aide du menu de droite, où nous pourrons accéder aux outils permettant de le personnaliser.

Nous utiliserons le diagramme circulaire pour cet exemple.

En bas du panneau latéral droit, nous pourrons sélectionner la couleur de chaque champ afin d'harmoniser les couleurs avec le thème utilisé.

Maintenant que nous avons créé/personnalisé le graphique, allons dans Publication > Ajouter afin de pouvoir créer la publication et y ajouter le nouveau graphique que nous avons créé.

Dans l'éditeur Gutenberg, recherchez le bloc «WP Table Manager Chart » et ajoutez-le à l'article.

Cela ouvrira un champ de recherche où vous pourrez voir tous les graphiques disponibles.

Comme vous pouvez le constater, il affichera toutes les catégories, tableaux et graphiques disponibles. C'est pourquoi nous devons tout classer par catégories. Cliquez maintenant sur le graphique que vous souhaitez ajouter ; dans notre cas, il s'agit du « graphique de population ».

Comme vous pouvez le constater, le code court sera ajouté automatiquement ; il vous suffira donc de le publier et le tour sera joué.

Mais que se passe-t-il si nous voulons mettre à jour les données du graphique ? Devons-nous créer un nouveau graphique ? Eh bien, non ! Il vous suffit de modifier les données dans le tableau et le graphique sera automatiquement mis à jour.

Dans cet exemple, la population de Tuvalu est de 11 147 habitants, comme vous pouvez le voir sur l’image. Changeons donc la population à 20 000 habitants et vérifions à nouveau le graphique.

Le graphique devrait maintenant être mis à jour, vérifions-le.

Et oui, la magie a opéré, nous avons créé un graphique dynamique qui peut être facilement modifié simplement en changeant les données à l'intérieur du tableau.

De plus, les tableaux provenant de bases de données dans WordPress

Il est également possible de créer des tables à partir de la base de données. Ces tables seront automatiquement mises à jour en cas de modifications dans votre base de données. Si vous avez des informations stockées dans votre base de données et que vous souhaitez créer une table ou un graphique à partir de ces informations, cliquez simplement sur + Créer > Table de base de données

Vous serez alors redirigé vers une page affichant toutes les tables incluses dans votre base de données. Il vous suffira ensuite de sélectionner les colonnes souhaitées, et WP Table Manager créera automatiquement la table.

Ensuite, vous pourrez sélectionner les colonnes que vous souhaitez ajouter au tableau ; par exemple, ici, nous sélectionnerons uniquement le type de commentaire et l'adresse électronique des auteurs.

Enfin, sélectionnez le titre de chaque colonne et ajoutez les règles pour créer le tableau.

Maintenant, cliquez sur Créer une table et le tableau sera créé automatiquement. N'oubliez pas que nous pouvons ajouter des conditions, par exemple, afficher une variable uniquement si l'adresse e-mail de l'auteur est « Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer JavaScript pour la visualiser.”.

Nous pouvons ajouter autant de règles que nous le souhaitons ; il suffit de cliquer sur « Ajouter » et une nouvelle case apparaîtra pour définir une nouvelle règle.

Et maintenant, vous pouvez constater à quel point il est facile de créer des tables à partir de la base de données.

Notre nouveau design rendra tout encore plus facile !

Commencez à créer des tableaux avec WP Table Manager

Maintenant que vous savez à quel point il est facile de créer et de gérer des tables avec WP Table Manager , qu'attendez-vous ? Rendez-vous ici et achetez votre abonnement pour commencer à servir toutes ces tables de la manière la plus professionnelle qui soit.