Voulez-vous ajouter des barres et des graphiques dans WordPress ? Les aides visuelles telles que les graphiques, les barres, les camemberts et autres sont un moyen idéal pour ajouter des données magnifiquement avec votre contenu. Dans cet article, nous allons vous montrer comment créer des barres et des graphiques dans WordPress avec le plugin Visualizer WordPress Charts and Graphs.
Le problème avec les barres et les graphiques dans WordPress
Il existe de nombreux plugins WordPress pour ajouter des barres, des graphiques et des graphiques à votre contenu. Cependant, la plainte la plus courante que nous avons entendue de nos utilisateurs est que ces plugins sont généralement trop compliqués à utiliser.
Certains de ces plugins s’attendent même à ce que les utilisateurs ajoutent des données dans un shortcode dans des formats extrêmement compliqués.
Au lieu d’utiliser ces plugins, de nombreux utilisateurs finissent par créer des graphiques dans leurs applications bureautiques et les convertir en image.
Cela pourrait fonctionner si vous prévoyez de ne jamais le changer. Cependant, une image ne remplace pas un graphique interactif où des données utiles apparaissent lorsque l’utilisateur passe sa souris sur une section particulière.
Une solution idéale de diagrammes et de graphiques vous permettrait de :
- Ajoutez des données à partir d’une source de données sur votre ordinateur ou sur le Web.
- Remplissez des graphiques, des secteurs, des graphiques et des barres à l’aide de vos données.
- Créez de magnifiques graphiques interactifs, colorés et adaptés aux mobiles.
- Plus important encore, il devrait vous permettre de mettre à jour les données quand vous le souhaitez.
Cela dit, voyons comment le plugin Visualizer WordPress Charts and Graphs vous aide à faire tout cela.
Création de barres et de graphiques dans WordPress avec Visualizer
La première chose à faire est d’installer et d’activer le Graphiques et graphiques du visualiseur WordPress brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Alors que la version gratuite fait presque tout ce dont vous avez besoin, ils ont également Visualizer Charts and Graphs Pro qui ajoute des fonctionnalités supplémentaires au plugin, telles que l’ajout de données directement à l’aide d’une feuille de calcul comme une interface et l’importation de données à partir d’autres graphiques.
Cela coûte 79 $ pour une licence de site unique avec un an de support professionnel et de mises à jour.
Noter: Ce tutoriel concerne la version gratuite du plugin.
Lors de l’activation, vous devez visiter Média » Bibliothèque de Visualiseur page. C’est là que tous vos tableaux et graphiques apparaîtront.
Vous devez cliquer sur le bouton Ajouter un nouveau pour ajouter votre premier graphique.
Cela fera apparaître une fenêtre contextuelle à l’écran. Vous verrez différents types de graphiques disponibles avec le plugin. Sélectionnez simplement le type de graphique que vous souhaitez ajouter et cliquez sur le bouton suivant pour continuer.
L’étape suivante consiste à ajouter votre source de données au format CSV. Si vous avez enregistré vos données sous forme de feuille de calcul à l’aide d’Excel, de Google Sheets ou de tout autre programme, vous pouvez simplement les exporter sous forme de fichier CSV.
Vous pouvez télécharger ou enregistrer votre fichier CSV sur votre ordinateur, puis le télécharger en cliquant sur le bouton « Depuis l’ordinateur ».
Votre fichier CSV doit avoir des noms de colonne dans la première ligne et le type de données dans la deuxième ligne. Le plugin prend en charge ces types de données : chaîne, nombre, booléen, date, heure, date et heure du jour.
Jetez un œil à cet exemple de fichier que nous avons créé dans Google Sheets.
Si vous créez un fichier CSV à l’aide d’un éditeur de texte, jetez un œil à cet exemple de fichier CSV :
Browser,visitors
string,numbers
Chrome,7894
Firefox,6754
Internet Explorer,4230
Safari,2106
Opera,627
Ajouter un graphique dans WordPress à l’aide de la feuille de calcul Google Drive
Si vous avez enregistré les données de votre graphique sous forme de feuille de calcul sur Google Drive, vous pouvez l’ajouter à votre graphique sans l’exporter.
Ouvrez votre fichier de données dans Google Spreadsheets puis cliquez sur Fichier » Publier sur le Web.
Cela fera apparaître une fenêtre contextuelle dans laquelle vous devrez sélectionner la manière dont vous souhaitez publier ce document. Vous devez sélectionner des valeurs séparées par des virgules (.csv) dans le menu déroulant.
N’oubliez pas de cliquer sur le bouton ‘Publier’.
Vous verrez maintenant l’URL publiquement disponible de votre feuille sous forme de fichier CSV. Vous devez copier cette URL et revenir au graphique Visualizer.
Cliquez sur le bouton À partir du Web, puis entrez l’URL du fichier csv de votre feuille de calcul Google.
Dès que vous entrez l’URL, le plugin récupère votre fichier CSV et affiche un aperçu en direct de votre graphique.
Vous pouvez maintenant cliquer sur le bouton Créer un graphique pour enregistrer votre graphique.
Ajout d’un graphique ou d’un graphique dans les articles/pages WordPress
L’ajout d’un tableau ou d’un graphique à vos articles et pages WordPress est aussi simple que d’ajouter des images.
Créez une nouvelle publication / page ou modifiez une page existante où vous souhaitez ajouter le graphique. Sur l’écran d’édition, cliquez sur le bouton Ajouter un média au-dessus de l’éditeur de publication.
Cela fera apparaître la fenêtre contextuelle de téléchargement de médias WordPress. Vous devez cliquer sur l’onglet visualisations dans la colonne de gauche. Il chargera tous les graphiques que vous avez créés et enregistrés sur ce site.
Cliquez sur l’icône d’insertion sous votre graphique. La fenêtre contextuelle disparaîtra et vous verrez votre graphique ajouté à votre article WordPress en tant que shortcode.
Vous pouvez maintenant enregistrer votre publication ou page WordPress et visiter votre site Web pour voir le graphique intégré à votre publication WordPress.
Modification de vos graphiques de visualisation dans WordPress
Vous pouvez éditer et changer vos graphiques à tout moment. Visitez simplement Média » Bibliothèque de Visualiseur page. À partir de là, vous pouvez cloner un graphique, le supprimer ou modifier ses paramètres visuels.
La mise à jour des données d’un graphique existant sans modifier le graphique est assez simple 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 de votre feuille de calcul et d’accéder à Fichier » Publier sur le Web et republiez votre feuille de calcul. Vos modifications seront automatiquement reflétées dans votre graphique.
D’un autre côté, si vous avez téléchargé un fichier CSV, vous devez mettre à jour le fichier CSV sur votre ordinateur. Une fois cela fait, sélectionnez le graphique que vous souhaitez mettre à jour et cliquez sur le lien d’édition sous le graphique.
Dans la section Télécharger un fichier CSV, téléchargez simplement votre nouveau fichier CSV. Les modifications apportées aux données se refléteront automatiquement dans les articles ou les pages où vous avez inséré ce graphique.
Ajout d’un graphique dans un widget de barre latérale WordPress
Visualizer utilise des codes courts pour insérer des graphiques. Allez simplement sur Média » Bibliothèque de Visualiseur, vous y verrez un shortcode sous vos graphiques.
Copiez le shortcode et accédez à Apparence » Widgets. Faites glisser et déposez un widget de texte dans votre barre latérale et collez le shortcode à l’intérieur du widget.
Si le shortcode ne fonctionne pas dans le widget de texte, consultez notre guide sur l’utilisation des shortcodes dans les widgets de la barre latérale WordPress.
Nous espérons que cet article vous a aidé à ajouter des barres et des graphiques dans votre site WordPress. Vous pouvez également consulter notre liste de 24 plugins WordPress indispensables pour les sites Web professionnels.