Comment transformer vos feuilles Google en tableaux et graphiques WordPress

Publié: 2017-09-12

Les feuilles de calcul sont l'un des moyens les plus efficaces d'afficher et de trier de grandes quantités de données, et Google Sheets est l'un des outils les plus intuitifs que vous pouvez utiliser pour les créer. En revanche, WordPress peut gérer des tableaux simples, mais pas des graphiques.

L'intégration du premier dans le second vous permet de tirer le meilleur parti des deux mondes. En utilisant Google Sheets, vous pourrez accéder aux fonctionnalités avancées de cette plate-forme et partager vos résultats avec le monde via WordPress. Dans cet article, nous allons vous apprendre à transformer vos feuilles de calcul Google en tableaux et graphiques pour WordPress. Croquons quelques chiffres !

Pourquoi vous pourriez vouloir utiliser Google Sheets avec WordPress

Un exemple de feuille Google.

Les feuilles de calcul Google sont un excellent moyen de gérer de grands ensembles de données et de créer des tableaux.

Google Sheets est une version cloud du point de vue du géant de la technologie sur les applications de tableur. Il contient toutes les fonctionnalités auxquelles vous vous attendez, tout en facilitant le partage et la collaboration avec d'autres sur votre travail.

À première vue, l'intégration de Google Sheets et de WordPress n'a peut-être pas beaucoup de sens. Cependant, si votre site Web utilise des tableaux, la combinaison n'est pas aussi folle qu'il y paraît. En fait, il y a trois raisons pour lesquelles l'utilisation conjointe des deux plates-formes est logique :

  1. Les options de table intégrées de WordPress sont plutôt limitées, donc l'utilisation de Google Sheets est une alternative bienvenue.
  2. La plate-forme cloud offre une meilleure expérience utilisateur lorsqu'il s'agit de traiter de grands ensembles de données.
  3. Transformer vos données Google Sheets en tables WordPress vous permet de modifier ces dernières en mettant à jour les premières.

Pour développer ce dernier avantage, imaginez qu'un de vos articles contienne un tableau comparatif entre plusieurs hébergeurs WordPress. Vous voudrez probablement garder les données incluses à jour afin que votre contenu reste évolutif, mais ouvrir l'éditeur WordPress à maintes reprises peut devenir ennuyeux.

D'un autre côté, si vous transformez un fichier Google Sheet contenant ces données en un tableau WordPress, vous pouvez ouvrir le premier et mettre à jour ses valeurs chaque fois que vous en avez besoin. Ensuite, votre table WordPress se mettra à jour automatiquement. C'est une fonctionnalité assez intéressante !

Présentation du plug-in Inline Spreadsheet Viewer de Google

Le plugin Inline Google Spreadsheet Viewer.

Ce plugin vous permet de prendre vos fichiers Google Sheets, de valeurs séparées par des virgules (CSV) et de bases de données MySQL et de les transformer en tableaux, graphiques et tableaux pour WordPress.

La transformation du tableur en tableau ou graphique est automatique. En fait, tant que vos informations sont étiquetées, vous pouvez créer des graphiques complexes avec ce plugin en utilisant uniquement des codes courts. De plus, vous pouvez également personnaliser leur apparence sur votre site WordPress. Bien entendu, il va sans dire que le plugin fonctionne également parfaitement avec Divi.

Principales caractéristiques:

  • Transformez vos feuilles de calcul Google, vos fichiers CSV et vos bases de données MySQL en tableaux, graphiques et graphiques.
  • Insérez vos tableaux et graphiques dans n'importe quel article ou page WordPress à l'aide de shortcodes.
  • Personnalisez l'apparence de vos nouveaux éléments en ajoutant de nouveaux paramètres à vos shortcodes.
  • Mettez à jour vos tableaux et graphiques WordPress en modifiant leurs valeurs parentes sur Google Sheets.

Prix ​​: Gratuit | Plus d'information

Comment transformer vos feuilles Google en tableaux et graphiques WordPress

Comme d'habitude, nous allons entrer dans le vif du sujet. Donc, avant de continuer, vous devez installer et activer le plug-in Inline Google Spreadsheet Viewer. Maintenant, commençons à courir !

Comment préparer vos feuilles Google pour une utilisation avec WordPress

Avant d'ajouter vos feuilles de calcul à WordPress, vous devez vous assurer qu'elles sont correctement partagées. Pour ce faire, ouvrez la feuille de calcul que vous souhaitez transformer en tableau ou en graphique et recherchez le bouton Partager dans le coin supérieur droit :

Un bouton de partage Google Sheet.

En cliquant sur le bouton, un écran de paramètres s'affiche. Vous pouvez choisir Toute personne disposant du lien peut voir dans la liste déroulante ci-dessous Partage de lien sur :

Paramétrer vos feuilles de calcul Google afin que toute personne disposant d'un lien puisse les voir.

Cela rend la feuille de calcul visible par n'importe qui. En revanche, vous pouvez accéder au même menu déroulant et cliquer sur l'option Plus… :

Rendre votre feuille Google accessible à tous.

Cela vous enverra à une nouvelle fenêtre, où vous trouverez quelques options supplémentaires. Dans ce cas, vous voudrez utiliser On – Public sur le Web. Si vous ne configurez pas vos paramètres de partage sur l'une de ces options, WordPress ne pourra pas extraire les données dont il a besoin de vos feuilles de calcul.

Ajout de vos feuilles Google en tant que tableaux dans WordPress

Un exemple de table Google Sheets sur WordPress.

Vos tableaux basés sur Google Sheets sont agréables à regarder et ils incluent une fonction de tri.

L'ajout de vos feuilles Google sous forme de tableaux ne pourrait pas être plus simple. Après avoir activé le plugin, vous pouvez accéder à n'importe lequel de vos articles ou pages et simplement coller le lien vers votre feuille Google où vous le souhaitez. Le plugin extraira automatiquement les données et les rendra dans un tableau :

Un tableau WordPress.

Maintenant, essayez de prévisualiser votre message pour vérifier votre nouveau tableau sur le front-end. Le plugin inclura automatiquement des bordures, mettra en gras certains éléments et ajoutera même des options de tri en haut de votre tableau :

Un exemple de table WordPress vue du front-end.

De plus, le plugin comprend une fonctionnalité de pagination, qui permet de parcourir facilement de nombreux tableaux sans encombrer toutes les informations. En ce qui concerne Divi, la fonctionnalité fonctionne aussi bien si vous collez un lien vers une feuille de calcul dans l'un de ses modules:

Un exemple de table WordPress au sein de l'éditeur Divi.

Il en va de même pour les résultats frontaux, vous n'avez donc pas à vous soucier des problèmes de compatibilité. Quant à la personnalisation, vous ne pouvez pas modifier les champs de vos tables en utilisant directement l'éditeur WordPress. Cependant, ce que vous pouvez faire est de modifier quelques-uns de leurs paramètres avec des codes courts. Par exemple, l'utilisation de [gdoc key="L'URL de votre feuille de calcul va ici" class="no-datatables"] désactive la fonction de tri sur vos tables.

Vous pouvez également désactiver la fonction de liaison automatique dans vos tableaux, qui fonctionne à la fois pour les URL et les e-mails, en utilisant [gdoc key=" L'URL de votre feuille de calcul va ici " linkify=" no "] shortcode.

Gardez à l'esprit que vous n'avez besoin d'utiliser des codes abrégés pour vos tables que si vous souhaitez les personnaliser. Si vous êtes satisfait de leur style et de leurs fonctionnalités par défaut, vous pouvez simplement coller un lien vers eux directement dans l'éditeur WordPress.

Ajout de vos feuilles Google sous forme de graphiques dans WordPress

Un exemple de graphique WordPress.

Le plugin en question propose plus de 15 types de graphiques pour WordPress.

Transformer vos feuilles de calcul Google en graphiques WordPress fonctionne à peu près de la même manière qu'avec des tableaux. La seule différence est que dans ce cas, vous devez utiliser uniquement des codes courts, et vous avez le choix entre plus de 15 types de graphiques différents.

Nous n'allons pas passer en revue tous les styles ici, mais nous vous expliquerons comment utiliser les types les plus courants, notamment les graphiques à barres, à secteurs et à courbes, et comment les personnaliser. Pour le premier (graphiques à barres), vous devrez utiliser le shortcode [gdoc key="L'URL de votre feuille de calcul va ici" chart="Bar"] .

Notez que le plugin attribue automatiquement des couleurs à chacune de vos valeurs, ce qui facilite grandement votre travail :

Un exemple de graphique à barres WordPress.

Vous pouvez également sélectionner manuellement les couleurs à utiliser en ajoutant un nouveau paramètre au shortcode (par exemple : [gdoc key=" L'URL de votre feuille de calcul va ici " chart=" Bar " chart_colors=" red green "] ).

Si vous souhaitez utiliser différents types de graphiques, modifiez simplement la valeur correspondante pour le paramètre de graphique . Pour un camembert ou un graphique en courbes, vous remplaceriez bar par camembert ou ligne :

Un exemple de graphique linéaire WordPress.

Vous voudrez consulter la page WordPress.org du plugin pour une liste complète de tous les types de graphiques que vous pouvez utiliser et de leurs paramètres. N'oubliez pas non plus que toutes les feuilles Google ne se traduiront pas parfaitement en graphique. Dans certains cas, vous devrez réorganiser les valeurs pour qu'elles aient un sens, mais c'est normal pour les éléments générés automatiquement.

Conclusion

Si votre travail nécessite que vous utilisiez des tableurs tels que Google Sheets, les insérer dans WordPress peut aider à les rendre plus accessibles. Le processus n'est pas compliqué et le plugin Inline Google Spreadsheet Viewer vous permet de jouer avec une tonne d'options d'affichage pour les tableaux et les graphiques.

Avant d'ajouter vos feuilles de calcul Google à WordPress, vous devez définir leurs paramètres de partage sur Public sur le Web ou sur Toute personne disposant du lien . Ensuite, il suffit d'utiliser le bon shortcode sur la page ou la publication WordPress sur laquelle vous souhaitez les ajouter.

Avez-vous des questions sur la façon de transformer vos feuilles de calcul Google en tableaux et graphiques WordPress ? Parlons-en dans la section commentaires ci-dessous!

Image miniature de l'article par wanpatsorn / shutterstock.com.