Vous cherchez un moyen simple d’ajouter un graphique visuel dans WordPress ? Les graphiques sont un excellent moyen d’afficher des informations dans un format compact, mais facile à comprendre. Cependant, WordPress ne vous permet de créer qu’un simple tableau composé de lignes et de colonnes.
Bien que cela puisse être extrêmement utile, c’est très limité. Heureusement, il existe des plugins qui peuvent ajouter plus d’options comme un diagramme d’enquête (ichart), un diagramme circulaire, un diagramme à barres, un diagramme linéaire, et bien d’autres types de diagrammes et de graphiques. Cela ouvre de nouvelles voies pour l’affichage d’informations dans WordPress.
Aujourd’hui, je vais vous montrer comment utiliser le plugin iChart – Easy Charts and Graphs pour créer une variété de graphiques dans WordPress.
Pourquoi ajouter un graphique visuel dans WordPress ?
L’ajout d’un graphique visuel dans WordPress présente de nombreux avantages.
Tout d’abord, il s’agit d’une manière très efficace d’afficher des informations. Les graphiques sont très uniques et la façon dont ils sont affichés est très différente. Prenons l’exemple d’un diagramme circulaire et d’un tableau traditionnel. Vous pouvez présenter les mêmes informations, mais le diagramme circulaire est objectivement plus facile à comprendre.
Cela s’explique par le fait qu’il est codé par couleur et qu’il n’y a pas grand-chose à lire en dehors du nom de la part de tarte et du pourcentage. Il s’agit donc d’une meilleure façon de présenter des informations à un public.
N’oubliez pas que la plupart des gens sont « visuels » par nature. Ils sont donc plus enclins à se souvenir d’une information lorsqu’elle est associée à une image.
Le deuxième avantage principal est que votre site web semble plus professionnel. L’apparence de votre site web est essentielle à son succès. Et c’est encore plus vrai lorsqu’il s’agit du ton de votre site web.
Imaginez par exemple le site web d’un avocat.
Vous attendez de votre avocat qu’il soit professionnel, mais si vous tombez sur un site web au ton comique, vous ne l’engagerez probablement pas.
Pour ces raisons et bien d’autres encore, l’utilisation de graphiques WordPress est un ajout précieux à la plupart des sites Web.
Installer iChart
iChart est un plugin WordPress qui vous permet de créer une grande variété de graphiques visuels pour votre site web. Ce plugin vous permet de créer des diagrammes circulaires, à barres, linéaires, à aire polaire, radar et en forme de beignet. Cela donne à votre site web un grand choix d’options lorsqu’il s’agit d’afficher des informations et des données aux visiteurs.
Et contrairement à beaucoup d’autres plugins graphiques WordPress disponibles, celui-ci est vraiment facile à utiliser. Alors commençons tout de suite !
Pour commencer, cliquez sur Plugins et sélectionnez l’option Ajouter un nouveau plugin dans le panneau d’administration de gauche.
Recherchez iChart dans le champ de recherche disponible. Vous obtiendrez ainsi d’autres plugins qui pourraient vous être utiles.
Faites défiler vers le bas jusqu’à ce que vous trouviez le plugin iChart, cliquez sur le bouton « Installer maintenant » et activez-le pour l’utiliser.
Didacticiel intégré
La création de graphiques avec ce plugin est très simple, car il fournit une liste complète des étapes sur sa page d’aide.
Dans le panneau d’administration de gauche, cliquez sur l’option iChart.
Vous trouverez ici toutes les étapes à suivre pour ajouter un graphique. C’est une excellente ressource à utiliser si vous êtes confus. Elle met en évidence la façon d’utiliser le plugin pour les éditeurs classiques et Gutenberg.
Créer des graphiques dans WordPress
Pour commencer, allez sur une page ou un article existant ou créez-en un nouveau. Une fois que vous êtes sur la page ou l’article, cliquez sur le bouton « + ».
Recherchez iChart dans le champ de recherche disponible. Cliquez sur le bloc Quick iChart.
Cela ajoutera un bouton à cette page ou à cet article. Cliquez sur le bouton « Generate iChart Shortcode » nouvellement ajouté.
Cela ouvrira les paramètres du graphique que vous êtes sur le point de créer. La première chose à faire est de sélectionner le type de graphique que vous souhaitez créer. Pour ce tutoriel, je me concentrerai sur un graphique circulaire.
En dessous, vous pouvez ajouter un titre au graphique. Il est toujours recommandé de donner un nom à tout graphique visuel que vous ajoutez. Cela aide le lecteur à comprendre ce qu’il regarde.
La section suivante est la zone des données. C’est ici que vous saisirez les données réelles de votre graphique. Ces informations doivent être saisies manuellement, ce qui peut s’avérer assez fastidieux lorsque les données sont nombreuses. Cependant, il vous suffit de remplir l’étiquette (ce que sont ces données) et la valeur.
Si vous avez besoin de plus de champs, il vous suffit de cliquer sur le bouton « +Add Row ». Vous pouvez également définir la couleur dans laquelle les données apparaîtront.
Dans mon cas, je crée un diagramme circulaire pour les propriétaires d’animaux de compagnie. J’ai donc utilisé trois lignes. Une pour les propriétaires de chiens, une pour les propriétaires de chats et une pour « Autres ». Cependant, quel que soit le type de graphique que vous choisissez, la section de saisie des données ne changera pas.
Remarque : vous ne devez pas ajouter le symbole « % ». Dans mon exemple, les propriétaires de chiens ont une valeur de 38,4. Si j’utilisais 38,4 %, le diagramme circulaire ne fonctionnerait pas. En général, si quelque chose ne semble pas correct, cela est dû à la façon dont vous avez saisi les informations.
Les dernières options sont d’ordre cosmétique, alors choisissez celles qui conviennent le mieux à votre site web. Lorsque vous êtes satisfait, cliquez sur le bouton « Générer le graphique ».
Le plugin génère alors un shortcode pour vous. Cliquez sur le bouton « Copy & Close ».
Remarque : ce shortcode peut être ajouté n’importe où sur votre site web. Cela inclut les articles, les pages et même les widgets de texte. Cependant, si vous choisissez de l’ajouter à une barre latérale, assurez-vous que sa taille est correcte.
Cela ajoutera le shortcode à l’article ou à la page en question. Vous pouvez maintenant cliquer sur le bouton « Aperçu » ou « Mise à jour » pour voir votre nouveau graphique visuel.
Si vous avez besoin de modifier le graphique, cliquez simplement sur le bouton « Generate iChart Shortcode » à nouveau. Tout ce que vous avez saisi sera sauvegardé. Toutefois, si vous supprimez complètement le code court, vous devrez saisir à nouveau toutes les informations.
Félicitations pour avoir ajouté un graphique visuel à votre site Web WordPress.
Vérifiez vos informations
Les tableaux et les graphiques sont d’excellents moyens de présenter des informations, mais il y a une chose sur laquelle ils n’ont aucun contrôle : les données elles-mêmes. La création de tableaux d’apparence professionnelle contenant des informations incorrectes peut gravement nuire à la réputation de votre entreprise.
Vous devez donc vous assurer que les informations que vous utilisez sont correctes. C’est pourquoi je recommande vivement de citer les sources, le cas échéant. Cela permet aux visiteurs de savoir d’où vient l’information et de juger de sa fiabilité.
Ce qui signifie bien sûr qu’il est important de s’assurer de la crédibilité d’une source avant de la citer.
Plus vos sources sont respectables, moins vous serez confronté à la désinformation. Et surtout, les visiteurs penseront que vous êtes plus crédible si vous utilisez des sources crédibles.
N’exagérez pas
Les graphiques visuels sont vraiment géniaux et peuvent constituer un atout considérable pour le contenu dans lequel ils apparaissent. Cependant, ils ne sont pas toujours nécessaires. En réalité, ils doivent être utilisés lorsque vous avez plusieurs comparaisons à faire. Si vous vous contentez d’énumérer un seul fait, vous n’avez pas besoin d’un diagramme à barres en une section.
Il n’est pas non plus nécessaire de présenter les mêmes informations dans un type de graphique différent. Vous n’avez besoin que d’un seul graphique pour aider les visiteurs à assimiler les données.
Pensez-vous que WordPress devrait avoir plus d’options de graphiques et de diagrammes intégrés ? Quels types de graphiques seriez-vous plus enclin à utiliser ?
