{"id":1931,"date":"2024-07-03T17:40:27","date_gmt":"2024-07-03T17:40:27","guid":{"rendered":"https:\/\/tableberg.com\/?p=1931"},"modified":"2024-07-07T19:28:56","modified_gmt":"2024-07-07T19:28:56","slug":"comment-afficher-une-feuille-de-calcul-google-sous-forme-de-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-display-a-google-sheet-as-a-table-in-wordpress\/","title":{"rendered":"Comment afficher une feuille Google sous forme de tableau dans WordPress"},"content":{"rendered":"

Google Sheet est une application bas\u00e9e sur le cloud qui vous permet de cr\u00e9er, de modifier et d'organiser des donn\u00e9es en ligne. Elle vous permet d'effectuer des calculs simples ou de manipuler des donn\u00e9es complexes que les utilisateurs peuvent facilement visualiser.<\/p>\n\n\n\n

Et si vous pouviez int\u00e9grer Google Sheets directement sur votre site web ? Et tout ce que vous modifiez dans cette feuille est automatiquement modifi\u00e9 en temps r\u00e9el sur WordPress ? Ce serait tr\u00e8s utile, n'est-ce pas ?<\/p>\n\n\n\n

Dans cet article de blog, nous allons vous montrer comment afficher une Google Sheet sous forme de tableau dans WordPress \u00e0 l'aide d'un plugin. Commencez !<\/p>\n\n\n\n

\n
\n
\n
\n

Cr\u00e9er de belles tables <\/strong>
Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n

\n
Essai gratuit<\/a><\/div>\n\n\n\n
Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Comment afficher une feuille Google sous forme de tableau dans WordPress<\/h2>\n\n\n\n

Sheets to WordPress Table Live Sync<\/strong> est un excellent plugin qui vous permet de le faire sans probl\u00e8me. Nous allons expliquer ce tutoriel en utilisant ce plugin. <\/p>\n\n\n\n

\u00c9tape 01 : Installation et activation du plugin<\/h3>\n\n\n\n

Naviguez jusqu'\u00e0 Plugins > Ajouter un nouveau plugin<\/strong>. Tapez le nom du plugin 'Sheets to WordPress Table Live Sync<\/strong>dans la bo\u00eete de recherche. Une fois que le plugin appara\u00eet ci-dessous, installer<\/strong> et activer<\/strong> il.<\/p>\n\n\n\n

\"Installer<\/figure>\n\n\n\n

Remarque :<\/strong> Le plugin dispose d'une version premium. Mais ne vous inqui\u00e9tez pas ! Vous pouvez cr\u00e9er un tableau fonctionnel avec la version gratuite. <\/p>\n\n\n\n

\u00c9tape 02 : Acc\u00e9der au tableau de bord du plugin<\/h3>\n\n\n\n

Une fois le plugin activ\u00e9, vous verrez un nouveau menu nomm\u00e9 'Des feuilles \u00e0 la table<\/strong>' ajout\u00e9 \u00e0 la barre d'administration. Allez dans le tableau de bord du plugin. Cliquez sur le bouton Cr\u00e9er un nouveau tableau<\/strong>.<\/p>\n\n\n\n

\"Acc\u00e9der<\/figure>\n\n\n\n

Sur cette page, vous aurez la possibilit\u00e9 de copier-coller votre lien Google Sheets.<\/p>\n\n\n\n

\"Page<\/figure>\n\n\n\n

\u00c9tape 03 : Copier le lien vers Google Sheets<\/h3>\n\n\n\n

Venez dans vos feuilles de calcul Google. Cliquez sur le bouton Partager<\/strong> dans le coin sup\u00e9rieur droit.<\/p>\n\n\n\n

\"Ouvrez<\/figure>\n\n\n\n

Assurez-vous que le Acc\u00e8s g\u00e9n\u00e9ral<\/strong> est donn\u00e9 \u00e0 Toute personne ayant le lien<\/strong>. Par la suite, le cliquez sur le lien Copier<\/strong> bouton. Cette op\u00e9ration permet de copier le lien de la feuille.<\/p>\n\n\n\n

\"Copier<\/figure>\n\n\n\n

\u00c9tape 04 : Coller le lien de la feuille dans le tableau de bord du plugin<\/h3>\n\n\n\n

Retourner \u00e0 la page du plugin o\u00f9 l'on s'est arr\u00eat\u00e9. Coller le lien de la feuille dans le champ<\/strong> sur la page. Cliquez sur le bouton Cr\u00e9er un tableau<\/strong> \u00e0 la fin.<\/p>\n\n\n\n

\"Coller<\/figure>\n\n\n\n

\u00c9tape 05 : Styliser et personnaliser le tableau<\/h3>\n\n\n\n

Votre tableau est presque pr\u00eat. Vous pouvez le publier imm\u00e9diatement 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.<\/p>\n\n\n\n

Mais avant cela, il est pr\u00e9f\u00e9rable de styliser et de personnaliser la table pour qu'elle soit attrayante.<\/p>\n\n\n\n

Donnez un nom \u00e0 ce tableau<\/strong>. Ensuite, vous pouvez r\u00e9diger une description de l'objet<\/strong> (facultatif). Cliquez sur le bouton Suivant<\/strong> bouton<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

S\u00e9lectionnez un th\u00e8me pour le tableau. Vous n'aurez acc\u00e8s qu'\u00e0 deux th\u00e8mes en tant qu'utilisateur gratuit. Cliquez sur Suivant<\/strong>.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

En vertu de la Section de personnalisation du tableau<\/strong>Si vous ne le faites pas, vous aurez trop de choses \u00e0 configurer. Il y a trois onglets dans cette section. Ils sont Mise en page, utilit\u00e9,<\/strong> et Stylisme<\/strong>. Chaque onglet comprend un bon nombre d'options de configuration.<\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

Les modifications apport\u00e9es \u00e0 ce tableau seront affich\u00e9es en bas. Vous y trouverez un tableau de pr\u00e9visualisation. <\/p>\n\n\n\n

\"Pr\u00e9visualisation<\/figure>\n\n\n\n

Par exemple, nous avons d\u00e9sactiv\u00e9 l'option Afficher les entr\u00e9es<\/strong> et Afficher la bo\u00eete de recherche<\/strong>. Vous pouvez constater que ces deux options ont \u00e9galement \u00e9t\u00e9 supprim\u00e9es du tableau de pr\u00e9visualisation.<\/p>\n\n\n\n

Ainsi, vous pouvez v\u00e9rifier le r\u00e9sultat de toutes les personnalisations que vous avez effectu\u00e9es au cours de l'ann\u00e9e \u00e9coul\u00e9e. Mise en page, utilit\u00e9,<\/strong> et Stylisme<\/strong>. J'esp\u00e8re que vous pourrez les faire vous-m\u00eame. Cliquez sur Suivant<\/strong>.<\/p>\n\n\n\n

\"Supprimer<\/figure>\n\n\n\n

Enfin, venez \u00e0 la Masquer la section Lignes\/Colonnes<\/strong>. Si vous souhaitez masquer une ligne, une colonne ou une cellule sur un type d'appareil particulier, vous pouvez la s\u00e9lectionner dans cette section. <\/p>\n\n\n\n

Tout d'abord, s\u00e9lectionnez les \u00e9l\u00e9ments que vous souhaitez masquer. Supposons que nous voulions masquer les colonnes. Nous avons donc s\u00e9lectionn\u00e9 l'\u00e9l\u00e9ment Onglet Masquer les colonnes<\/strong>. Ensuite, nous avons s\u00e9lectionn\u00e9 le type d'appareil Mobile<\/strong>.<\/p>\n\n\n\n

\"Masquer<\/figure>\n\n\n\n

En faisant d\u00e9filer la page vers le bas, vous arrivez \u00e0 la table de pr\u00e9visualisation. Placez votre curseur sur la colonne que vous souhaitez masquer. Cliquez dessus. La colonne devient floue. Cette fonction est limit\u00e9e aux utilisateurs professionnels.<\/p>\n\n\n\n

\"S\u00e9lectionnez<\/figure>\n\n\n\n

\u00c9tape 06 : Enregistrer et publier le tableau<\/h3>\n\n\n\n

Votre tableau est maintenant pr\u00eat \u00e0 \u00eatre publi\u00e9. Cliquez sur l'ic\u00f4ne Fetch & Save<\/strong> pour enregistrer le tableau. Copier le Shortcode<\/strong>.<\/p>\n\n\n\n

\"Enregistrer<\/figure>\n\n\n\n

Ouvrez un article\/une page. Ajoutez le bloc Shortcode dans l'\u00e9diteur afin de pouvoir coller le code que vous avez copi\u00e9.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

Coller le code dans le bloc<\/strong> que vous avez copi\u00e9 il y a peu. Publier l'article<\/strong>.<\/p>\n\n\n\n

\"Collez<\/figure>\n\n\n\n

Allez dans le frontend du post\/page. Vous verrez le tableau. <\/p>\n\n\n\n

\"Publication<\/figure>\n\n\n\n

Ainsi, vous pouvez afficher vos feuilles de calcul Google sur WordPress sans aucun codage.<\/p>\n\n\n\n

Explorer comment cr\u00e9er un tableau de prix WordPress avec une bascule<\/a>.<\/p>\n\n\n\n

Notes finales !<\/h2>\n\n\n\n

En int\u00e9grant Google Sheets dans WordPress, vous pouvez augmenter votre vitesse de travail de mani\u00e8re remarquable. En m\u00eame temps, cela peut apporter beaucoup d'efficacit\u00e9 \u00e0 votre travail. Merci au plugin qui a rendu cela si facile aujourd'hui.<\/p>\n\n\n\n

Auparavant, nous devions faire face \u00e0 de nombreuses difficult\u00e9s pour y parvenir. Mais aujourd'hui, en utilisant le plugin Sheets to WordPress Table Live Sync, m\u00eame les utilisateurs d\u00e9butants peuvent facilement afficher leurs Google Sheets dans WordPress.<\/p>","protected":false},"excerpt":{"rendered":"

The Google Sheet is a cloud-based application that allows you to create, edit, and organize data online. It allows you to implement simple calculations to complex data manipulation that people can easily visualize. Now, what if you are able to integrate Google Sheets directly on your website? And whatever you change in that sheet automatically […]<\/p>\n","protected":false},"author":1,"featured_media":2101,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,101],"class_list":["post-1931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-google-sheet"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Display-a-Google-Sheet-as-a-Table-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=1931"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1931\/revisions"}],"predecessor-version":[{"id":2102,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1931\/revisions\/2102"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/2101"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=1931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}