Comment afficher une feuille Google sous forme de tableau dans WordPress

Comment afficher une feuille Google sous forme de tableau dans WordPress

Google Sheet est une application basée sur le cloud qui vous permet de créer, de modifier et d'organiser des données en ligne. Elle vous permet d'effectuer des calculs simples ou de manipuler des données complexes que les utilisateurs peuvent facilement visualiser.

Et si vous pouviez intégrer Google Sheets directement sur votre site web ? Et tout ce que vous modifiez dans cette feuille est automatiquement modifié en temps réel sur WordPress ? Ce serait très utile, n'est-ce pas ?

Dans cet article de blog, nous allons vous montrer comment afficher une Google Sheet sous forme de tableau dans WordPress à l'aide d'un plugin. Commencez !

Créer de belles tables
Avec l'éditeur de blocs

Comment afficher une feuille Google sous forme de tableau dans WordPress

Sheets to WordPress Table Live Sync est un excellent plugin qui vous permet de le faire sans problème. Nous allons expliquer ce tutoriel en utilisant ce plugin.

Étape 01 : Installation et activation du plugin

Naviguez jusqu'à Plugins > Ajouter un nouveau plugin. Tapez le nom du plugin 'Sheets to WordPress Table Live Syncdans la boîte de recherche. Une fois que le plugin apparaît ci-dessous, installer et activer il.

Installer et activer le plugin Sheets to WordPress Table Live Sync

Remarque : Le plugin dispose d'une version premium. Mais ne vous inquiétez pas ! Vous pouvez créer un tableau fonctionnel avec la version gratuite.

Étape 02 : Accéder au tableau de bord du plugin

Une fois le plugin activé, vous verrez un nouveau menu nommé 'Des feuilles à la table' ajouté à la barre d'administration. Allez dans le tableau de bord du plugin. Cliquez sur le bouton Créer un nouveau tableau.

Accéder au tableau de bord du plugin

Sur cette page, vous aurez la possibilité de copier-coller votre lien Google Sheets.

Page de collage de liens de la feuille Google

Étape 03 : Copier le lien vers Google Sheets

Venez dans vos feuilles de calcul Google. Cliquez sur le bouton Partager dans le coin supérieur droit.

Ouvrez vos feuilles de calcul Google

Assurez-vous que le Accès général est donné à Toute personne ayant le lien. Par la suite, le cliquez sur le lien Copier bouton. Cette opération permet de copier le lien de la feuille.

Copier le lien Google Sheets

Étape 04 : Coller le lien de la feuille dans le tableau de bord du plugin

Retourner à la page du plugin où l'on s'est arrêté. Coller le lien de la feuille dans le champ sur la page. Cliquez sur le bouton Créer un tableau à la fin.

Coller le lien de la feuille dans le tableau de bord du plugin

Étape 05 : Styliser et personnaliser le tableau

Votre tableau est presque prêt. Vous pouvez le publier immédiatement si vous le souhaitez. Il y a un shortcode sur la page que vous pouvez voir. En le copiant-collant dans n'importe quel article ou page, vous pouvez publier le tableau.

Mais avant cela, il est préférable de styliser et de personnaliser la table pour qu'elle soit attrayante.

Donnez un nom à ce tableau. Ensuite, vous pouvez rédiger une description de l'objet (facultatif). Cliquez sur le bouton Suivant bouton.

Sélectionnez un thème pour le tableau. Vous n'aurez accès qu'à deux thèmes en tant qu'utilisateur gratuit. Cliquez sur Suivant.

Ajouter un thème à la table

En vertu de la Section de personnalisation du tableauSi vous ne le faites pas, vous aurez trop de choses à configurer. Il y a trois onglets dans cette section. Ils sont Mise en page, utilité, et Stylisme. Chaque onglet comprend un bon nombre d'options de configuration.

Personnaliser le tableau pour afficher Google Sheets

Les modifications apportées à ce tableau seront affichées en bas. Vous y trouverez un tableau de prévisualisation.

Prévisualisation du tableau

Par exemple, nous avons désactivé l'option Afficher les entrées et Afficher la boîte de recherche. Vous pouvez constater que ces deux options ont également été supprimées du tableau de prévisualisation.

Ainsi, vous pouvez vérifier le résultat de toutes les personnalisations que vous avez effectuées au cours de l'année écoulée. Mise en page, utilité, et Stylisme. J'espère que vous pourrez les faire vous-même. Cliquez sur Suivant.

Supprimer les entrées et le champ de recherche du tableau

Enfin, venez à la Masquer la section Lignes/Colonnes. Si vous souhaitez masquer une ligne, une colonne ou une cellule sur un type d'appareil particulier, vous pouvez la sélectionner dans cette section.

Tout d'abord, sélectionnez les éléments que vous souhaitez masquer. Supposons que nous voulions masquer les colonnes. Nous avons donc sélectionné l'élément Onglet Masquer les colonnes. Ensuite, nous avons sélectionné le type d'appareil Mobile.

Masquer la ligne/colonne

En faisant défiler la page vers le bas, vous arrivez à la table de prévisualisation. Placez votre curseur sur la colonne que vous souhaitez masquer. Cliquez dessus. La colonne devient floue. Cette fonction est limitée aux utilisateurs professionnels.

Sélectionnez la colonne que vous souhaitez masquer

Étape 06 : Enregistrer et publier le tableau

Votre tableau est maintenant prêt à être publié. Cliquez sur l'icône Fetch & Save pour enregistrer le tableau. Copier le Shortcode.

Enregistrer et publier le tableau

Ouvrez un article/une page. Ajoutez le bloc Shortcode dans l'éditeur afin de pouvoir coller le code que vous avez copié.

Ajouter le bloc Shortcode à l'éditeur

Coller le code dans le bloc que vous avez copié il y a peu. Publier l'article.

Collez le code à afficher

Allez dans le frontend du post/page. Vous verrez le tableau.

Publication du tableau

Ainsi, vous pouvez afficher vos feuilles de calcul Google sur WordPress sans aucun codage.

Explorer comment créer un tableau de prix WordPress avec une bascule.

Notes finales !

En intégrant Google Sheets dans WordPress, vous pouvez augmenter votre vitesse de travail de manière remarquable. En même temps, cela peut apporter beaucoup d'efficacité à votre travail. Merci au plugin qui a rendu cela si facile aujourd'hui.

Auparavant, nous devions faire face à de nombreuses difficultés pour y parvenir. Mais aujourd'hui, en utilisant le plugin Sheets to WordPress Table Live Sync, même les utilisateurs débutants peuvent facilement afficher leurs Google Sheets dans WordPress.



L'équipe Tableberg