Insérer des tables interactives dans les articles WordPress avec Google Sheets

Vous pouvez insérer des tableaux interactifs et dynamiques dans vos articles WordPress en utilisant les Tableaux de Google Sheets. Vous n’avez besoin d’aucune connaissance en programmation pour cela.

La manière la plus simple d’insérer des tableaux WordPress dans un article est d’utiliser la méthode intégrée dans le bloc Gutenberg. Pour ce faire, cliquez sur le bouton + (Ajouter un bloc), puis sélectionnez l’icône « Tableau ».

Vous pouvez spécifier le nombre de lignes et de colonnes, puis saisir manuellement le contenu du tableau. Cela crée un tableau basique qui répondra à la plupart de vos besoins.

Cependant, vous pouvez utiliser Google Sheets pour insérer des tableaux interactifs dans vos articles ou pages WordPress, ce qui offre quatre avantages clés :

  1. Vous pouvez facilement importer un tableau de données de Google Sheets dans WordPress.
  2. Il prend en charge la navigation de page au sein du tableau.
  3. Vous n’avez pas besoin de modifier l’article pour mettre à jour le contenu du tableau.
  4. Vous n’avez pas besoin d’insérer un plugin WordPress supplémentaire spécifiquement pour les tableaux.

Je ne recommande pas l’utilisation de plugins pour ajouter des tableaux, car ils peuvent parfois avoir un impact négatif sur la vitesse de votre site. Toutefois, il existe peut-être des plugins légers disponibles.

Introduction aux tableaux interactifs de Google Sheets

Google Sheets est une application de feuille de calcul basée sur le cloud très populaire. Ses capacités de manipulation et de visualisation des données sont étendues.

L’un des principaux avantages de Google Sheets est qu’il est gratuit à utiliser.

Cela signifie que vous pouvez insérer des tableaux interactifs dans vos articles WordPress sans dépenser le moindre sou.

Le tableau inséré aura l’apparence et le fonctionnement suivants. Si vous êtes satisfait de ce type de tableau réactif dans WordPress, vous pouvez suivre le tutoriel.

Comment insérer des tableaux interactifs dans les articles WordPress en utilisant Google Sheets

Je vais utiliser la fonction Tableau de Google Sheets pour insérer un tableau interactif dans un site WordPress. Par conséquent, ce tutoriel vous apprendra également comment créer un tableau dans Google Sheets.

J’utilise généralement les tableaux de Google Sheets pour créer des rapports de tableau de bord et publier des tableaux interactifs sur le Web.

Voici les étapes pour créer un tableau dans Google Sheets.

Création d’un tableau dans Google Sheets

Tout d’abord, préparez votre tableau (données Google Sheets) pour l’insérer dans votre article WordPress dans Google Sheets. Si vous avez une certaine familiarité avec les feuilles de calcul, vous connaissez probablement le concept de « tableau ».

Techniquement, un tableau est une grille composée de lignes et de colonnes utilisée pour organiser et présenter des données. Pour créer un tableau, ajoutez des libellés (titres) dans la ligne supérieure et entrez les valeurs correspondantes en dessous.

Étapes pour créer un tableau dans Google Sheets :

  • Sélectionnez vos données à l’aide de votre souris ou de la combinaison de touches Shift + flèches. Ensuite, dans le menu « Insertion », choisissez « Tableau ».

  • Dans l’éditeur de graphiques qui apparaît à droite, sélectionnez « Tableau » sous « Type de graphique ». Google Sheets insérera instantanément le tableau.

  • Sous l’onglet « Configuration » de l’éditeur de graphiques (précédemment intitulé « Données »), cochez « Utiliser la ligne 1 comme en-têtes ».

  • Accédez à l’onglet suivant de l’éditeur de graphiques intitulé « Personnaliser » et cliquez sur la section « Tableau ».

  • En activant « Couleurs de lignes alternatives », les lignes seront ombrées en alternance dans votre tableau.

  • « Afficher les numéros de ligne » affichera les numéros de ligne à gauche.

  • Cliquez sur « Pagination » si vous souhaitez contrôler les numéros de page dans le tableau inséré dans WordPress et spécifiez le nombre total de lignes à afficher sur chaque page sous « Taille de page ».

Nous avons créé avec succès un tableau dans Google Sheets. Maintenant, passons à la façon d’insérer ce tableau interactif dans un article WordPress.

Étapes pour insérer des tableaux interactifs en utilisant Google Sheets dans les articles WordPress

Pour insérer le tableau interactif de Google Sheets dans votre article de blog, vous avez besoin d’un code d’intégration. Voici comment obtenir le code d’intégration pour votre tableau récemment créé :

  • Cliquez sur le tableau que vous venez de créer. Dans le coin supérieur droit du tableau, vous trouverez trois points verticaux (menu Kebab).
  • Cliquez sur ce menu et sélectionnez « Publier le graphique ».
  • Accédez à l’onglet « Intégrer » et cliquez sur « Publier ». Assurez-vous que l’option « Republication automatique en cas de modification » est cochée pour la synchronisation automatique.
  • Copiez le code, et nous avons maintenant terminé la partie Google Sheets de l’insertion de tableaux interactifs dans des articles ou des pages WordPress.

Pour insérer le tableau dans votre article sur votre site WordPress, suivez ces étapes :

  1. Cliquez sur le bouton « Ajouter un bloc » et sélectionnez « HTML personnalisé ». Si vous ne le trouvez pas, cliquez sur « Afficher tout » ou recherchez-le après avoir cliqué sur le bouton « Ajouter un bloc ».
  2. Collez le code et cliquez sur « Aperçu ».

De cette façon, vous pouvez facilement insérer des tableaux interactifs dans les articles WordPress sans avoir besoin d’un plugin, de HTML ou de CSS.

Pour en savoir plus sur le marketing numérique et l’optimisation SEO, visitez Crawlan.com.

Articles en lien