Un bon nombre de blogueurs utilise le service Google Calendar pour gérer leurs différents évènements. Seulement parmi eux, certains ne savent pas comment afficher ces différents calendriers sur WordPress.

Dans ce tutoriel, je vous montrerais comment afficher vos calendriers Google Calendar sur WordPress.

Mais, si vous n’avez jamais installé WordPress découvrez Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog 

Mais revenons vers ce pourquoi nous sommes là.

Comment afficher le calendrier à l’aide du plugin Google Calendar Events

google-calendar-events-plugin

La première chose à faire est bien évidemment d’installer et d’activer le plugin depuis votre tableau de bord.

Découvrez Comment installer un plugin dans WordPress

google-calendar-intallation-tableau-de-bord

Une fois que c’est fait, un nouveau menu « Événements GCal » s’ajoutera à votre tableau de bord. En cliquant dessus, vous accéderez à la page qui liste tous les différents événements disponibles dans votre calendrier Google.

google-cal-menu

Mais avant toute chose, il est nécessaire de procéder aux configurations du plugin. Je vous invite donc à cliquer sur son sous-menu « Paramètres Généraux ».

Dans cette section, vous devez fournir une API de votre compte Google.

google-cal-general-settings

Si vous n’en possédez pas, je vous invite à en créer directement à cette adresse. Sur cette page, vous devez créer une clé en l’associant à un nouveau projet. Cliquez sur « Créer un projet ».

google-creer-un-projet

Fournissez un nom et cliquez sur « Créer » pour créer un projet.

nouveau-projet-google-api

Cliquez sur le nouveau menu « API et authentification », ensuite sur son sous-menu « API ».

menu-api-google-api

Faites défiler la page vers le bas de sorte à voir la ligne « Google Calendar ».

ligne-google-calendar

Cliquez sur le bouton « Désactiver » situé à l’extrémité de la ligne pour activer l’API. Une fenêtre vous demandera de confirmer votre action. Faites-le.

Cliquez ensuite sur le menu « Identifiants », et ensuite sur « Créer une clé ».

identifiants-cle-api

Une fenêtre s’ouvrira. Vous devez ensuite cliquer sur le bouton « Clé de serveur » pour créer une clé.

creation-cle-serveur

Une nouvelle fenêtre s’ouvrira. Elle vous permet de restreindre l’accès à cette clé en fonction de certaines adresses IP. Vous n’êtes pas obligés de remplir cette information. Cliquez sur « Créer » pour terminer le processus de création.

ajouter-des-adressses-ip-serveur

Vous pourrez désormais récupérer la clé (copier le texte correspondant) et l’insérer dans le champ correspondant sur votre blog WordPress.

recuperer-la-cle

Enregistrez ensuite vos réglages.

enregistrement-des-reglages

Comment créer et afficher un calendrier

Après avoir configuré le plugin, il est temps d’ajouter votre agenda. Je vous invite donc à cliquer sur le menu « Ajouter » afin d’intégrer votre agenda Google Calendar.

menu-ajouter-un-calendrier-google-calendar

Il s’agit ici d’un « Custom Post Type » (Format de publication personnalisé), pour lequel vous pouvez définir un titre, et personnaliser le template sur le contenu de ce dernier. Plus bas dans la section « Paramètres du flux », vous avez entre autres :

  • Le shortcode de l’agenda (utilisable sur vos articles/pages)
  • L’identification de l’agenda Google (Vous avez plus bas un lien vers un tutoriel qui vous permet de récupérer l’identifiant de votre calendrier. Dans la plupart des cas, c’est votre adresse Gmail.)
  • Le mode d’affichage qui vous permet de styler le template du calendrier
  • L’activation de la pagination qui vous permet de naviguer dans le calendrier.

La section « Options d’affichage », vous permet de personnaliser le template disponible par défaut sur l’éditeur visuel.

ajout-d-un-evenement

Il vous suffit désormais d’ajouter le shortcode correspondant à votre calendrier dans une page ou un article de votre blog afin de voir comment ce dernier s’affiche.

présentation-calendrier

C’est tout pour ce tutoriel, si un point soulevé ici échappe à votre compréhension, nous serons heureux de vous apporter assistance. N’hésitez pas à partager cette astuce avec vos amis sur vos réseaux sociaux préférés.