Comment créer des graphiques dans WordPress (3 étapes simples)
Publié: 2024-01-10Vous cherchez à créer des tableaux et des graphiques WordPress ? Cet article vous montrera comment créer des graphiques dans WordPress et les afficher sur votre site !
Temps de lecture approximatif : 4 minutes
Vous travaillez sur un site WordPress qui a vraiment besoin de faire briller certaines données ?
L'ajout d'un tableau ou d'un graphique dynamique est un excellent moyen d'attirer l'attention des visiteurs tout en intégrant certaines statistiques.
Mais c’est difficile de créer un graphique pour WordPress, n’est-ce pas ? C'est en fait beaucoup plus simple que vous ne le pensez, surtout si vous utilisez le bon plugin.
Dans cet article, nous aborderons rapidement ce que nous recherchons dans un bon plugin de graphique. Ensuite, nous vous montrerons exactement comment créer des graphiques pour WordPress sans écrire une seule ligne de code !
Obtenez des formulaires formidables maintenant !
Utilisez un plugin de tableaux et graphiques WordPress
Bien sûr, les graphiques semblent simples à première vue. Mais en coulisses, ils peuvent être compliqués à coder.
Au lieu de passer des heures à apprendre à créer un graphique interactif à partir de zéro, prenez deux minutes pour installer un plugin capable de gérer les tâches difficiles à votre place !
Un bon plugin de graphiques WordPress propose :
- Facilité d'utilisation : En quelques clics, vos données sont transformées en visuels accrocheurs.
- Plusieurs types de graphiques : graphique à secteurs, à nuages de points, à bulles... à vous de choisir ! Vous pouvez le changer en une seconde.
- Mises à jour fréquentes : vos graphiques resteront beaux année après année.
- Et plus de temps pour faire ce que vous aimez !
Alors, quel plugin est le meilleur pour créer des graphiques dans WordPress ? La réponse est des formes formidables !
C'est vrai, le meilleur générateur de formulaires WordPress se trouve également être le meilleur plugin de graphiques WordPress. C'est un véritable couteau suisse pour votre site.
Voyons maintenant à quel point il est facile de créer des graphiques pour WordPress avec Formidable Forms.
Comment créer des graphiques pour WordPress
- Étape 1 : Installez le plugin de graphique Formidable Forms
- Étape 2 : Ajoutez le bloc Formidable Chart à votre page
- Étape 3 : Modifiez votre graphique dans WordPress
Pour suivre ce tutoriel étape par étape, vous aurez besoin du plugin WordPress Formidable Forms. Le module complémentaire de graphiques et de diagrammes est inclus dans le plan Formidable Plus et supérieur.
Si vous ne l'avez pas encore, cliquez ci-dessous pour obtenir votre licence !
Une fois que vous avez installé et activé Formidable, nous pouvons commencer à faire notre grille !
Pour l'exemple d'aujourd'hui, nous utiliserons notre premier blog d'observation des oiseaux, Here Birdie Birdie .
Sur notre site Web, nous avons créé un formulaire permettant aux visiteurs de signaler les oiseaux qu'ils ont repérés. Le site publie ensuite automatiquement chaque entrée sous forme d'article de blog. Cool, non ?
Bien que cela fonctionne très bien pour partager des détails, de nombreux visiteurs nous ont demandé quels oiseaux sont le plus vus.
Au lieu de nous battre avec des fichiers CSV et Google Sheets pour faire le calcul et créer des visuels, des tableaux ou des graphiques , ajoutons un tableau réactif à notre site pour montrer le nombre d'observations de chaque type d'oiseau.
Étape 1 : Installez le plugin de graphique Formidable Forms
Dans l'administrateur WordPress, accédez à Formidable → Add-Ons . Recherchez le module complémentaire Graphiques , puis cliquez sur le bouton bleu pour Installer et Activez -le.
Super, passons maintenant aux choses amusantes !
Étape 2 : Ajoutez le bloc Formidable Chart à votre page
Ensuite, créons la page/article WordPress dans laquelle nous voulons insérer notre graphique. Pour notre exemple, nous allons créer une nouvelle page intitulée "Statistiques d'observation des oiseaux".
Dans l'éditeur Gutenberg, cliquez sur le bouton icône pour ajouter un nouveau bloc. Ensuite, recherchez « Formidable » et insérez le bloc Formidable Chart .
Dans la barre latérale droite, sélectionnez le formulaire à utiliser comme source de données. Nous devrions maintenant voir quelques données !
Vous ne voyez pas le sélecteur de source de données ? Vous devrez peut-être ouvrir la barre latérale en cliquant sur le bouton dans le coin supérieur droit de l'éditeur WordPress.
Étape 3 : Modifiez votre graphique dans WordPress
Nous avons pensé qu’un graphique à colonnes (c’est-à-dire un graphique à barres) serait le plus efficace pour montrer combien de fois un type d’oiseau a été observé. Et heureusement pour nous, c'est le type de graphique par défaut !
L'étape suivante dans la création de notre histogramme/graphique à barres consiste à spécifier les sources de données des axes X et Y ici dans la barre latérale.
Dans ce cas, nous définirons l'axe des x sur "Type d'oiseau" et l'axe des y sur "Le nombre d'entrées".
Pas mal, mais ça pourrait être mieux...
Stylisez votre tableau ou graphique dans WordPress
Changeons les couleurs de notre graphique pour rendre les choses un peu plus flashy.
Pour ce faire, rendez-vous dans la barre latérale droite. Sous Apparence , sélectionnez les couleurs souhaitées.
Maintenant, cette carte attirera certainement l’attention des ornithologues amateurs !
Mais notre tableau pourrait encore être meilleur, vous ne pensez pas ?
Changer le type de graphique
Au lieu d'un graphique à colonnes, un diagramme circulaire pourrait être un meilleur moyen de visualiser nos données.
Alors, comment pouvons-nous insérer un diagramme circulaire dans WordPress ?
Nous allons passer à la barre latérale droite et changer le Type de Column à Pie . Oui, Formidable Forms fonctionne également comme un plugin de diagramme circulaire !
Et voilà ! Nous avons maintenant un diagramme circulaire dans WordPress qui montre le pourcentage de chaque réponse que nous avons reçue dans notre formulaire !
Pour la touche finale, nous allons simplement activer le bouton Légende dans la barre latérale pour rendre les choses encore plus claires.
Il ne reste plus qu'à publier notre page. Nous avons maintenant un diagramme circulaire sur notre site WordPress qui sera mis à jour en temps réel lorsque quelqu'un soumettra notre formulaire ! Jolie volée! (Nous sommes désolés à 99% pour cette blague).
Vous ne voulez pas de diagramme à colonnes ou à secteurs ? Aucun problème! Le bloc Graphique de Formidable vous permet de basculer entre tous les types de graphiques et de tableaux en un seul clic :
- Diagramme circulaire
- Graphique à barres (graphique à barres)
- Graphique linéaire (graphique linéaire)
- Nuage de points
- Graphique en aires
- Graphique en étapes
- Carte
Et Formidable ne se limite pas à créer des formulaires et à créer des graphiques pour WordPress. Le plugin premium est également livré avec :
- Tableaux et graphiques réactifs pour n'importe quel thème (y compris Elementor)
- Intégration WooCommerce
- Passerelles de paiement
- Générateur d'applications WordPress
- Et beaucoup plus
Un plugin qui fait tout ça ? Impressionnant!
Prêt à créer des graphiques pour WordPress ?
Ne laissez pas les graphiques WordPress vous ébouriffer. Au lieu de cela, installez simplement Formidable Forms et utilisez ses puissantes fonctionnalités de visualisation de données !
Alors oubliez de chercher un plugin de graphique ou de graphique distinct. Vous n’avez besoin que d’un excellent générateur de formulaires WordPress pour créer des graphiques dans WordPress.
Obtenez des formulaires formidables maintenant !
Mais n'oubliez pas de nous suivre sur Facebook, Twitter et YouTube pour plus de trucs et astuces WordPress !
En savoir plus sur les graphiques pour WordPress
Saviez-vous que Formidable Forms est le plugin de formulaire WordPress le plus avancé disponible ? Essayez la version gratuite pour commencer, ou débloquez toutes les possibilités avec notre créateur de formulaires WordPress premium !