Comment créer des barres et des graphiques dans WordPress avec Visualizer

La création de barres, de graphiques et de diagrammes circulaires sur votre site WordPress peut améliorer votre contenu en rendant les données plus accessibles. Elle vous aide à présenter les informations d’une manière visuellement attrayante et facile à comprendre pour les utilisateurs.

La bonne nouvelle, c’est que vous n’avez pas besoin d’expérience technique pour le faire. Vous pouvez utiliser une extension comme Visualizer. Nous avons testé cet outil nous-mêmes, et nous avons adoré la simplicité du processus.

Avec Visualizer, vous pouvez créer de superbes barres et graphiques personnalisés, en tirant facilement des données de diverses sources. Vous pouvez ainsi améliorer votre contenu et l’expérience globale de l’utilisateur.

Dans cet article, nous allons vous montrer comment créer des barres et des graphiques dans WordPress avec Visualizer.

Le problème des barres et des graphiques dans WordPress

Il existe de nombreuses extensions permettant d’ajouter des barres, des diagrammes et des graphiques à votre contenu. Cependant, la plainte la plus courante que nous avons entendue de la part de nos utilisateurs/utilisatrices est que ces extensions sont généralement trop compliquées à utiliser.

Certaines de ces extensions attendent même des utilisateurs/utilisatrices qu’ils ajoutent des données à l’intérieur d’un code court dans des formats extrêmement compliqués.

Au lieu d’utiliser ces extensions, de nombreux utilisateurs finissent par créer des graphiques dans leurs applications bureautiques et les convertissent en image pour leurs sites WordPress.

Cela peut fonctionner si vous prévoyez de ne jamais le modifier. Toutefois, une image ne remplace pas un graphique interactif dans lequel des données utiles apparaissent lorsque l’utilisateur clique sur une section particulière.

Une solution idéale pour les tableaux et graphiques vous permet de :

• Ajouter des données à partir d’une source de données sur votre ordinateur ou sur le web.
• Remplissez des tableaux, des tartes, des graphiques et des barres à l’aide de vos données.
• Créez des graphiques magnifiques, interactifs, colorés et adaptés aux mobiles.
• Plus important encore, il doit vous permettre de mettre à jour les données quand vous le souhaitez.

L’ajout d’un graphique avec le Visualiseur vous aidera à augmenter l’engagement des utilisateurs/utilisatrices et même à rendre vos données faciles à comprendre.

Cela dit, voyons comment ajouter facilement des barres et des graphiques à votre site WordPress.

Comment créer des barres et des graphiques dans WordPress avec Visualizer

Vous pouvez facilement créer des barres et des graphiques avec WordPress en utilisant l’extension Visualizer. C’est la meilleure extension de visualisation de données WordPress sur le marché qui vous permet de créer des visualisations de données interactives pour votre site.

Il dispose même d’une offre gratuite que vous pouvez utiliser pour créer des barres et des graphiques.

Tout d’abord, vous devez installer et activer le plugin Visualizer : Tables and Charts Manager pour l’ extension WordPress. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous devez vous rendre sur la page Visualiseur  » Ajouter un nouveau graphique à partir du Tableau de bord WordPress.

Choisissez ensuite le type de graphique que vous souhaitez créer, par exemple un tableau, un camembert, une ligne ou un diagramme à barres. Cliquez ensuite sur le bouton « Suivant ».

Vous accédez alors à l’étape suivante, où vous devez cliquer sur le bouton « Choisir un fichier » pour importer les données de votre feuille de calcul Excel à partir de votre ordinateur.

Si vous avez enregistré votre feuille de calcul Excel ou Google sous forme de fichier CSV, vous pouvez l’importer en dépliant l’onglet « Importer des données à partir d’une URL ».

Une fois que vous avez fait cela, cliquez sur le bouton « Importation à partir de CSV ». Vous pouvez alors saisir l’URL de votre fichier CSV pour l’intégrer.

Gardez à l’esprit que votre fichier CSV doit comporter des noms de colonnes dans la première ligne et des types de données dans la deuxième ligne. L’extension supporte les types de données suivants : chaîne, nombre, booléen, date, heure et heure du jour.

Veuillez jeter un coup d’œil à ce fichier d’exemple que nous avons créé dans Google Sheets.

Si vous créez un fichier CSV à l’aide d’un éditeur/éditrices de texte, jetez un coup d’œil à cet exemple de fichier CSV :

Activités quotidiennes,Temps
chaine,nombres
Travailler,8
Dormir,7
Manger,3
Regarder la télévision,2
Faire la navette,1


Toutefois, si vous avez enregistré les données de votre graphique sous forme de feuille de calcul sur Google Drive, vous pouvez alors les ajouter à votre graphique sans les exporter.

Tout d’abord, ouvrez votre fichier de données dans Google Spreadsheets, puis cliquez sur le lien Fichier  » Partager  » Publier sur le web.

Une fenêtre surgissante s’affiche, dans laquelle vous devez choisir le mode de publication de ce document.

Il suffit de sélectionner l’option Valeurs Séparées par des Virgules (.csv) dans le menu déroulant et de cliquer sur le bouton « Publier ».

Vous verrez maintenant l’URL publiquement disponible de votre feuille sous la forme d’un fichier CSV. Copiez cette URL et retournez au graphique du Visualiseur.

Vous devrez ajouter cette URL dans le champ « Importation à partir de CSV ».

Lorsque vous saisissez l’URL, l’extension récupère votre fichier CSV et affiche une Prévisualisation directe de votre graphique.

Vous pouvez maintenant passer à l’onglet « Réglages » en haut de la page pour définir les paramètres généraux tels que les styles de police, le format des chiffres, la taille et l’emplacement, les paramètres de taille, et bien plus encore.

Une fois que vous avez terminé, cliquez sur le bouton « Créer » en bas de l’invite.

Ajout d’un diagramme ou d’un graphique dans les publications/pages de WordPress

Ajouter un diagramme ou un graphique à vos publications et pages WordPress est aussi simple que d’ajouter des images.

Tout d’abord, ouvrez une nouvelle ou une ancienne page/parution dans laquelle vous souhaitez ajouter le graphique circulaire. Une fois que vous y êtes, cliquez sur le bouton « Ajouter un bloc » (+) dans le coin supérieur gauche de l’écran.

Cela ouvrira le menu des blocs dans lequel vous devrez trouver et ajouter le bloc Visualizer Chart.

Cliquez ensuite sur le bouton « Afficher un graphique existant » dans le bloc lui-même.

Une nouvelle fenêtre s’ouvre dans le bloc, dans laquelle vous devez sélectionner le camembert que vous venez de créer.

Enfin, cliquez sur le bouton « Publier » ou « Mettre à jour » pour stocker vos réglages.

Vous pouvez maintenant visiter votre site WordPress pour voir le diagramme circulaire en action.

Modifier les graphiques de votre Visualiseur dans WordPress

Vous pouvez modifier et changer vos graphiques à tout moment. Il vous suffit de vous rendre sur la page  » Visualiseur  » Bibliothèque de graphiques à partir du tableau de bord WordPress.

À partir de là, vous pouvez cloner un graphique, le supprimer ou modifier ses Réglages visuels à l’aide des icônes situées sous le nom du graphique.

La mise à jour des données d’un graphique existant sans modification du graphique est également très facile avec Visualizer.

Si vous avez ajouté des données à partir d’une feuille de calcul Google, il vous suffit de mettre à jour les données dans votre feuille de calcul, d’aller dans l’option Fichier  » Partager  » Publier sur le web, et de republier votre feuille de calcul.

Vos modifications seront automatiquement prises en compte dans votre tableau.

En revanche, si vous avez téléversé un fichier CSV, vous devez le mettre à jour sur votre ordinateur. Une fois cette opération effectuée, sélectionnez le graphique que vous souhaitez modifier et cliquez sur le lien de modification situé sous le graphique.

Dans la section « Importer un fichier CSV », il vous suffit de téléverser votre nouveau fichier CSV. Les modifications apportées aux données seront automatiquement répercutées dans les publications ou les pages où vous avez inséré ce graphique.

Bonus : Créer un organigramme d’entreprise sous WordPress

Si vous avez un site de petite entreprise, vous pouvez également ajouter un organigramme d’entreprise dans WordPress. Cet organigramme montrera la structure de votre entreprise, du PDG aux différentes équipes et aux employés individuels au sein de chaque équipe.

Un organigramme aide les clients/clientes personnalisés à mieux connaître votre entreprise et facilite la communication entre les équipes.

Pour créer un organigramme, il suffit d’installer et d’activer l’extension Organigramme. Pour plus de détails, consultez notre tutoriel sur l ‘installation d’une extension WordPress.

Une fois activé, visitez la page Wpdevart Chart  » Charts et cliquez sur le bouton ‘Add New’ (Ajouter une nouvelle). Vous accéderez à un nouvel écran dans lequel vous pourrez donner un nom au graphique.

Ensuite, ajoutez l’image et le titre du PDG de votre entreprise dans l’élément à l’écran. Cliquez ensuite sur l’icône de la flèche.

Cela ajoutera un autre élément dans lequel vous pourrez ajouter un titre et une image pour la personne qui vient après le PDG. Cliquez ensuite à nouveau sur l’élément pour voir les multiples icônes de flèches dans différentes directions.

Cela vous aidera à créer une structure d’entreprise avec plusieurs branches ou équipes.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer » pour stocker vos Réglages.

Ouvrez maintenant la page où vous souhaitez ajouter l’organigramme et ajoutez le bloc ‘WpDevArt organization chart’. Sélectionnez ensuite l’organigramme que vous avez créé dans le menu déroulant du bloc.

Enfin, cliquez sur le bouton  » Publier  » ou  » Mettre à jour  » pour stocker vos réglages. En savoir plus, consultez notre tutoriel sur la création de l’organigramme de votre entreprise sur WordPress.

Nous espérons que cet article vous a aidé à ajouter des barres et des graphiques à votre site WordPress. Vous pouvez également consulter notre guide du débutant sur la façon de personnaliser les couleurs sur votre site WordPress et nos choix d’experts pour les meilleures extensions WordPress amusantes que vous manquez.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.