Accueil English Classique A propos Contact rss
WordPress from the beginning
Articles de fond, tests de plugins, modes d'emploi et astuces sur ce CMS
accueil mots-clés plan du blog

Intégration d’un agenda google calendar

Ce plugin a été développé par google himself et sert à afficher votre agenda "google calendar" dans votre blog wordpress...

Rendez votre agenda public

Pour que tout ceci fonctionne, il faut que votre agenda soit public. Pour ça, il faut se rendre dans son agenda google et aller dans les paramètres de celui ci, pour cocher dans « partager l’agenda »:

Cochez la case

Cochez la case

Télécharger le plugin

wpng-calendar se télécharge sur http://code.google.com/p/wpng-calendar/, décompressez et transfèrerez le contenu de l’archive comme d’habitude. Activez ce nouveau plugins en allant faire un tour dans la liste de vos extensions. Et un nouveau menu WPNG calendar plugin vient d’apparaître dans le menu Réglages.

Obtenir une google data api key

Avant d’aller plus loin, il faut faire un détour chez google afin d’obtenir une nouvelle clé API. La clé s’obtient en allant sur http://gd.google.com/html/signup.html et sera associée au nom de domaine de votre blog, celui qui affichera le calendrier donc. Prenez soin de la noter quelque part.

Retour au plugin

Dans sa page de configuration, entrez la clé dans le premier champ.

Aller chercher l’adresse de l’agenda

Re-petit détour sur votre calendrier google calendar, pour aller prendre son adresse RSS :

Allez dans le menu paramètres de l'agenda

Allez dans le menu paramètres de l'agenda

Enregistrez la cible du lien sur le bouton XML

Enregistrez la cible du lien sur le bouton XML

Copiez l’adresse dans le champ « Google Calendar Feed » de la page de réglage du plugin, en remplaçant la terminaison « basic » par « full ».

Intégration dans un widget

Il n’y a qu’à activer le widget. Pas de traduction en français des textes livrées avec le plugin. On choisit le nombre d’évènements à venir que l’on souhaite afficher dans le widget:

Réglages du widget

Réglages du widget

Un clic sur l’évènement provoquera son apparition dans une lightbox.

Intégration dans une page

Créez une nouvelle page et rajoutez lui un champ personnalisé qui s’appelle show-wpng-calendar et comme valeur le nombre de semaines à afficher.  L’agenda s’affichera automatiquement avec la page, avec si on le souhaite des flèches pour naviguer dans l’agenda.

Syntaxe wiki

Dans la description des évènements quand on est dans le google calendar, on peut mettre de formatages « wiki », comme ceux décrits sur http://code.google.com/p/wpng-calendar/wiki/WikiFormatting. Et s’il on coche l’option correspondante dans les réglages du plugin, ces formattages apparaîtront dans le blog.

La suite ?

Pour aller plus loin, il faudrait trouver un plugin pour publier un évènement dans son agenda, depuis le blog ;-)

Partagez avec les autres

Share/Bookmark

Ça vous a plu?

Ne partez pas sans laisser votre appréciation!
13 vote(s) 1 Etoile2 Etoiles3 Etoiles4 Etoiles5 Etoiles Loading ... Loading ...

Réactions

comments 14 commentaires
  1. 25/08/2010 à 13:35

    Bonjour,

    J’ai installé le google calender widget.
    Tout fonctionne mais le formatage des dates et heures est en anglais. Je me suis reporté au fichier date.js mais c’est un boulot de romain pour tout traduire !
    Exist-t-il une traduction en français quelque part ? Je ne la trouve pas sur google…

    Cordialement.

    Like or Dislike: Thumb up 0 Thumb down 0

  2. 02/06/2010 à 10:25

    @ Anthony
    Ok, merci d’avoir regardé, je vais essayer de trouver une solution. Au pire, je me passerai du défilement du slide.

    Like or Dislike: Thumb up 0 Thumb down 0

  3. 02/06/2010 à 10:21

    @Maxime
    là maintenant y’a effectivement des erreurs dans la console javascript, du genre
    Erreur : $jx(« .mygallery »).jCarouselLite is not a function
    Fichier Source : http://www.peche-en-ardenne.com/
    Ligne : 178

    faudrait voir si ces erreurs disparaissent sans le plugin calendar. sinon, faut voir avec celui qui a fait le thème

    Like or Dislike: Thumb up 0 Thumb down 0

  4. 02/06/2010 à 09:51

    @ Anthony
    Le défilant n’est pas sur le site que j’ai mis (habitude de mettre mon blog principale). Le blog qui à un problème, c’est http://www.peche-en-ardenne.com. Je ne suis pas developpeur, donc, le php ou le javascript, c’est du chinois pour moi. Enfin, à force d’en voir, j’arrive à déchiffrer un peu. Enfin, je réactive le plugin et je le passe dans firebug pour voir s’il y a un soucis.

    Like or Dislike: Thumb up 0 Thumb down 0

  5. 02/06/2010 à 09:43

    @Maxime
    je ne vois plus le défilant sur votre blog, j’imagine que vous l’avez enlevé ? Ce que je ferais c’est que je remettrais le slide en home + le plugin calendar, et je regarderais dans la console javascript voir si y’a des erreurs quand la home se charge, et quand on clic sur la fleche du slide. Si erreur -> essayer de la corriger. Si pas d’erreur… je ne sais pas, mais une idée serait d’activer le plugin calendar que sur sa page dediée, faisable avec un test en php

    Like or Dislike: Thumb up 0 Thumb down 0

  6. 02/06/2010 à 09:29

    Ca fait plusieurs jours que je cherche à insérer un calendrier sur mon blog et après avoir essayé une bonne dizaine de plugins qui ne me convenaient pas, j’ai essayé cette méthode. Magnifique, c’est exactement ce que je veux.

    Malheureusement, quand j’active le plugin, ça fait planter une partie du blog. A savoir, en home page, un slide avec quelques articles venant d’une catégorie. Le slide apparait mais ne défile plus quand je clique sur les flèches. Je pourrais l’utiliser comme ça pour ne promouvoir qu’un seul article, mais j’aimais bien le côté défilant qui dynamisait le site. Ce plugin, je ne l’utilise pas sur la home page ni en widget, mais sur une autre page qui lui est dédié. A tout hasard auriez-vous une idée d’où vient le problème?

    Like or Dislike: Thumb up 0 Thumb down 0

  7. gat
    09/09/2009 à 23:13

    Hello,
    Est-ce que quelqu’un sait si les événements publiés dans le calendrier affichés sur le site sont référencés par Google ?

    Merci

    Like or Dislike: Thumb up 0 Thumb down 0

  8. Gégé
    08/09/2009 à 18:19

    @Anthony
    tant pis, merci en tout cas !

    Like or Dislike: Thumb up 0 Thumb down 0

  9. 08/09/2009 à 18:17

    Malheureusement non…on ne peut pas installer de plugins sur la version en ligne. Désolé !

    Like or Dislike: Thumb up 0 Thumb down 0

  10. Gégé
    08/09/2009 à 18:11

    @Anthony
    Ah, OK, merci beaucoup. En ce qui me concerne, je n’utilise pas la version téléchargeable de wordpress mais la plateforme de blog en ligne… Ca change tout? Cette manip est-elle valab7le quand même ou ou dois-je procéder autrement?

    Like or Dislike: Thumb up 0 Thumb down 0

  11. 08/09/2009 à 18:00

    @Gégé
    Une fois l’archive du plugin téléchargée et décompressée sur votre ordi, il faut transférer son contenu par ftp dans le dossier de wordpress qui s’appelle wp-content/plugins/. Voir cet article

    Like or Dislike: Thumb up 0 Thumb down 0

  12. Gégé
    08/09/2009 à 17:34

    Bonjour, génial, ce tuto. Néanmoins, c’est la première fois que je fais ce genre de manip et l’expression « transfèrerez le contenu de l’archive comme d’habitude » n’est pas du tout limpide pour moi. j’ai décompressé le dossier de wpng mais je ne sais pas quoi en faire : sélectionner tous les fichiers, les enregistrer quelque part? Comment activer l’extension ensuite? désolée, mais il me manque le détail sur cette étape là… un petit coup de pouce, please?

    Like or Dislike: Thumb up 0 Thumb down 0

  13. 03/09/2009 à 19:42

    merci pour cet article.

    le top du top ce serait que ce plugin soit piloté via un simple champs personnalisée en bas de chaque article.

    malheureusement je ne sais pas comment faire :-(

    Like or Dislike: Thumb up 0 Thumb down 0

  14. Stef.dance
    15/08/2009 à 23:23

    Merci
    Ton article est tres clair
    la plupart du temps les gens pensent que tout le monde a les connaissances pour comprendre leur jargon
    Excellent travail de vulgarisation

    Je suis débutant sur WordPress et ce genre d’article me manque pour activer le moindre plugin

    Merci encore

    Like or Dislike: Thumb up 0 Thumb down 0

Haut de page
Choisissez vos widgets

Plugin

Comment installer un plugin?

A propos de cet article

Wordpress from the beginning is a production of Woodymood
Performance Optimization WordPress Plugins by W3 EDGE