Guides/Créer du contenu/Contenus embarqués/Intégrer un calendrier Google Agenda

Intégrer un calendrier Google Agenda

Google Agenda est une application de calendrier gratuite de Google. Ce guide vous explique comment intégrer (c’est-à-dire afficher) un calendrier Google Agenda sur votre site Web WordPress.com.

Étape 1 : obtenir le code d’intégration du calendrier

Pour intégrer un calendrier Google Agenda à votre site Web, Google vous fournira un code à utiliser. Pour trouver votre code d’intégration, procédez comme suit :

  1. Visitez https://calendar.google.com/ et connectez-vous si vous n’êtes pas déjà connecté(e) à Google Agenda.
  2. Sur le côté gauche de l’écran, recherchez la section « Mes agendas ».
  3. Cliquez sur les trois points à côté d’un nom de calendrier et sélectionnez l’option « Paramètres et partage » :
    Google Agenda – Paramètres et partage
  4. Faites défiler la page jusqu’à la section « Autorisations d’accès aux événements ».
  5. Rendez votre calendrier public en cochant la case « Rendre disponible publiquement » :
    Google Agenda – Rendre disponible publiquement
  6. Faites encore défiler la page jusqu’à la section « Intégrer l’agenda ». Copiez l’intégralité du code situé dans le champ « Code d’intégration ». Le code d’intégration contient le nom de votre compte Google, assurez-vous donc que sa diffusion ne vous gêne pas.
    • Vous pouvez également cliquer sur le bouton « Personnaliser » pour ajuster les détails du calendrier, la largeur, la hauteur, la couleur, la langue, le fuseau horaire, etc. Le code d’intégration en haut de l’écran sera mis à jour à chaque modification. Copiez donc le nouveau code lorsque vous aurez terminé de personnaliser l’intégration de calendrier.

Étape 2 : ajouter le bloc Google Agenda

Maintenant que vous avez votre code d’intégration Google Agenda, vous pouvez l’afficher sur votre site en procédant comme suit dans l’éditeur WordPress :

  1. Cliquez sur l’outil d’insertion de bloc + pour ajouter un nouveau bloc.
  2. Recherchez le bloc Google Agenda et cliquez dessus pour l’ajouter à la page.
Le bloc Google Agenda apparaît lors de la recherche de blocs.

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

💡

Le bloc Google Agenda inclus pour tous les sites WordPress.com n’apparaît pas ? Il est probable que vous ayez un site WordPress.org auto-hébergé. Vous pouvez installer l’extension Jetpack gratuite pour accéder au bloc Google Agenda.

  1. Collez votre code d’intégration Google Agenda dans le champ mis à disposition, comme indiqué ci-dessous :
Un bloc Google Agenda vide, avec une zone de texte pour le code d’intégration.
  1. Cliquez sur le bouton « Intégrer » pour afficher votre calendrier.
  2. Le calendrier peut ne pas s’afficher correctement sur l’écran de l’éditeur, utilisez donc l’option « Prévisualiser dans un nouvel onglet » pour voir comment le calendrier apparaîtra réellement sur votre site :
Une flèche pointe vers l’option « Prévisualiser dans un nouvel onglet » qui apparaît dans le coin supérieur droit de l’éditeur.
  1. Vous pouvez également utiliser la barre d’outils du bloc Google Agenda pour aligner votre calendrier à gauche, à droite ou au centre (ainsi que les modes grande largeur et pleine largeur si votre thème prend en charge ces options) :
L’option d’alignement a été sélectionnée dans la barre d’outils du bloc et affiche les options Aucun, Grande largeur, Pleine largeur, Aligner à gauche, Aligner au centre et Aligner à droite.
Barre d’outils du bloc Google Agenda

Si vous souhaitez modifier l’apparence de votre intégration Google Agenda, comme la largeur, la hauteur, la couleur, la langue, le fuseau horaire, etc., revenez à la section précédente et utilisez les options de l’écran « Personnaliser » expliquées à l’étape 6.

Exemple de calendrier Google Agenda intégré

Copied to clipboard!