Comment ajouter un calendrier d’évènements sur WordPress

Objectif : ajouter un calendrier d’évènements sur WordPress… Pour afficher vos dates de réservations, de concert, etc.
Durée : 10 minutes
Niveau de difficulté : ~~facile~~ – moyen – ~~difficile~~

Tutoriel vidéo « comment ajouter un calendrier d’évènements sur WordPress » :

Cet article vous a plu ?

"Découvrez comment installer WordPress :"
Dans une heure de vidéo offerte...

Récapitulatif :

Installez l’extension “The Events Calendar”
Retrouvez un nouveau menu dans “Réglages” ou dans le tableau de bord puis “Évènements”
Ajoutez des dates, des adresses et des coordonnées Google Map

Connaissez-vous cette extension ? En avez-vous besoin pour afficher des dates sur un calendrier ?

5 autres articles pour vous aider :

Laisser un commentaire Annuler la réponse.

47 commentaire à "Comment ajouter un calendrier d’évènements sur WordPress"

gta5 (1 comments) dit :
20 avril 2012 à 10 h 58 min
Merci pour ce tuto !
Répondre
Laurent (10 comments) dit :
22 avril 2012 à 18 h 52 min
J’ai installé l’extension, je l’ai configuré comme dans la vidéo. ça à fonctionné au début, mais après une journée en cliquant sur le lien qui apparaît dans la page d’accueil, je boucle sur sur cette même page. Il faut choisir voir tous les évènements, pour voir de détail. Je suis en wordpress 3.2.2, avez vous déjà rencontré ce problème.
Merci
Répondre
1. Cédric (913 comments) dit :
  24 avril 2012 à 6 h 19 min
  @Laurent : pourrais-tu me donner une adresse que j’aille voir ?
  Répondre
mac2h (1 comments) dit :
25 mai 2012 à 12 h 56 min
est ce que j peux affiche les Evènements déjà passe avec ce widgets
Répondre
Airsoft Flash Info (2 comments) dit :
10 juillet 2012 à 14 h 50 min
Bonjour Cédric, je l’ai déja dit dans pas mal de commentaires, tes vidéos sont vraiment biens, mais j’ai un petit souci avec « The Event Calendar » Sur mon site, le calendrier général marche vraiment bien, mais quand on clique sur un évenement, la description ne donne vraiment pas bie … Si tu sais allé jeter un coup d’oeil :
http://www.airsoftflashinfo.be/events
Répondre
1. Cédric (913 comments) dit :
  13 juillet 2012 à 6 h 28 min
  @Airsoft Flash Info : bah, on retrouve toutes les informations que tu as mis dans tes descriptions ! Je vois pas trop où est le problème…
  Répondre
  1. Batman (1 comments) dit :
    11 mars 2013 à 0 h 52 min
    Bonsoir Cedric
    Je rebondis sur ce fil de conversation un peu tardivement
    Si tu n’avais pas vu son problème m’ a interpellé de suite parce que j’ai le même, il s’agit d’un positionnement des caractères par rapport aux libélles
    Tout est décalé vers le haut
    Comme je suis un peu pointilleux et que c’est destiné aux membres d’un conseil d’adm
    J’aurais aimé que cela soit correct si possible
    Si tu as une solution
    Merci d’avance
    Répondre
    1. Cédric (913 comments) dit :
      12 mars 2013 à 23 h 13 min
      @Batman : il doit bien y avoir une solution mais j’ai bien peur qu’il faille mettre les mains dans le cambouis ! Perso, je ne sais pas…
      Répondre
Framboise (3 comments) dit :
16 juillet 2012 à 7 h 24 min
J’ai installé the events calendar comme expliqué dans la vidéo.
Je n’ai pas la possibilité dans le menu réglages et dans events calendar de choisisr la page et de modifier l’URL.
Evènements a bien été rajouté dans la liste de droite comme activité.
J’ai créé 2 activités pour tester mais rien n’apparaît sur le site.
Comment faire ???
Répondre
Myrtille (1 comments) dit :
13 août 2012 à 7 h 01 min
Merci pour ce tuto !
Répondre
Jimboy (1 comments) dit :
13 août 2012 à 18 h 11 min
Ce message s’adresse à Cedric.
Merci Cedric. je viens de voir ton tuto pour ajouter event calendar sur site web.
Tu ne précises pas dans quel sens s’affiche la liste.
Du plus proche au plus lointain ou l’inverse.
Je t’explique pourquoi:
j’en ai un … il affiche seulement trois dates dans une fenêtre sur la page à gauche… mais on ne voit que … les dates les plus lointaines !!!( c’est sur WordPress)
Ta réponse me serait plus qu’utile. A d’autres aussi sans doute car on n’en parle jamais.
Merci à toit.
Salut à tous.
JimBoy
Répondre
Framboise (3 comments) dit :
19 août 2012 à 13 h 39 min
Mais si j’ai trouvé. cela marche très bien.
Ton tuto est très bien fait ; il faut le suivre pas à pas et ça marche….
Pour Jimboy , pour ma part les évènements sont Du plus proche au plus lointain et sont tous affichés.
Regarde dans les options ce que tu as pu coché.
Répondre
Frégoire (1 comments) dit :
26 août 2012 à 16 h 43 min
Bonjour Cédric,
Je suis nouveau sur ton tuto et je t’avoue que j’ai beaucoup de plaisir à regarder tes vidéos, c’est très inspirant et enrichissant ! Merci !
Voici ma question :
Je me demandais si on peut changer les dimensions du calendrier et l’installer dans une marge du site.
Merci !
Grégoire
Répondre
1. Cédric (913 comments) dit :
  30 août 2012 à 6 h 17 min
  @Grégoire : quand tu vas dans « Apparence » puis « Widgets », tu as « Events List Widget ». Fais le glisser vers la droite pour l’ajouter dans ta barre latérale. Ca ne sera pas un calendrier complet mais juste les événement à venir (tu peux régler le nombre d’évènements à afficher)
  Répondre
Mgemeline (2 comments) dit :
30 août 2012 à 15 h 10 min
Super tuto. Merci. C’est exactement ce que je cherchais.
J’ai juste un petit problème. J’ai placé le widget events list et il me note 4x la date (2x pour le début de l’événement et 2x pour la fin de l’événement) comme ceci :
——————
6 septembre 2012 6-09-12 – 6 septembre 2012 6-09-12
——————
Quand l’événement dure toute la journée c’est parfait :
——————
12 septembre 2012 (Toute la journée)
——————
Y a-t-il une possibilité de réglage ?
Merci d’avance
Répondre
1. Cédric (913 comments) dit :
  2 septembre 2012 à 12 h 24 min
  @ Mgemeline : y a peut-être un problème avec l’extension. Et c’est pas possible de laisser ton évènement durer toute la journée ? (pour éviter le problème…)
  Répondre
  1. Mgemeline (2 comments) dit :
    4 septembre 2012 à 15 h 14 min
    Bonjour,
    Si je laisse l’évènement durer toute la journée, il est écrit « Toute la journée »… et si cela se déroule par exemple de 14h à 18h, ça fait un peu confus…
    Pourrais-tu m’expliquer ce que tu entends par « extension » ?
    Merci d’avance
    Répondre
    1. Cédric (913 comments) dit :
      6 septembre 2012 à 6 h 08 min
      « Extension », c’est ce que tu viens d’installer : « The Events Calendar » !
      Par contre je ne vois pas d’où peut venir le problème, désolé…
      Répondre
IBANEZ (2 comments) dit :
6 septembre 2012 à 6 h 58 min
Moi aussi je ne trouve pas cela très joli de voir affiché dans le widget 2 fois la date comme par exemple :
7 septembre 2012 19:15 – 7 septembre 2012 21:00
Bowling
Est ce possible de modifier dans l’extension et comment ???
Et aussi est-il possible de réduire la taille de l’agenda ???
Merci de ta réponse
Répondre
stephane (7 comments) dit :
8 septembre 2012 à 0 h 45 min
bonjour, tout d’abord félicitation pour le tuto!
j’utilises event calendarmais j’aimerai affiché les évènements du calendrier en page d’accueil. Est-ce possible ou un thème complémentaire à ce module existe t-il pour l’affichage dans l’accueil?
Merci d’avance
Répondre
1. Cédric (913 comments) dit :
  11 septembre 2012 à 18 h 51 min
  Bah c’est bizarre mais je ne trouve pas de shortcode pour l’appeler…
  Répondre
  1. stephane (7 comments) dit :
    12 septembre 2012 à 0 h 11 min
    Merci pour ton retour Cédric. Donc tu n’as pas de solutions pour moi? Je pense que c’est une utilisation que beaucoup peuvent trouver utile
    Répondre
    1. Cédric (913 comments) dit :
      12 septembre 2012 à 6 h 08 min
      @stephane : désolé, pas sur ce coup là
      Répondre
Caroline (6 comments) dit :
10 septembre 2012 à 0 h 05 min
Cédric, je crois que ma question a déjà été posée par une autre personne mais tu n’y as pas encore répondu.
Voilà le problème : j’ai une catégorie « concerts » que je souhaite rediriger vers le bouton « calendrier » de mon menu de navigation (qui est l’extension The Events Calendar).
Je ne trouve aucune solution ! Comment faire ???
N’y a-t-il pas un moyen de faire quelque chose au niveau du lien de The Events Calendar ?
Merci ! ^^
Répondre
1. Cédric (913 comments) dit :
  11 septembre 2012 à 23 h 20 min
  @Caroline : si c’est une redirection que tu veux faire, alors c’est par là : http://autourdututo.fr/comment-faire-redirection-blog-wordpress/
  Répondre
  1. Caroline (6 comments) dit :
    11 septembre 2012 à 23 h 50 min
    Super, j’essaierai ça, merci Cédric !
    Répondre
olivier (3 comments) dit :
16 septembre 2012 à 11 h 28 min
Bonjour Cédric,
Comment insérer ce thème « événements » dans une rubrique de la colonne de droite ou du menu d’un blog WordPress ?
Merci de votre aide.
Olivier
Répondre
1. Cédric (913 comments) dit :
  19 septembre 2012 à 6 h 25 min
  @olivier : pour l’insérer dans ta colonne de droite, il faut aller dans « Apparence » puis « Widgets ». Dedans, tu trouveras un enart que tu fais glisser.
  Pour le mettre dans un menu, il faut aller dans « Apparence » puis « Menu ». Si tu n’as pas de menu créé, il faut en faire un et ajouter ta page « Evénements »
  Répondre
  1. Framboise (3 comments) dit :
    7 octobre 2012 à 18 h 14 min
    Cedric,
    As tu ou pas une solution pour modifier l’affichage de la date dans le widget :
    Actuellement est affiché : 7 septembre 2012 19:15 – 7 septembre 2012 21:00
    Il serait mieux d’afficher 7 septembre 2012 19:15 – 21:00
    Merci de ta réponse
    Répondre
    1. Cédric (913 comments) dit :
      8 octobre 2012 à 16 h 06 min
      @Framboise : j’ai cherché mais je ne trouve pas ! (faut dire que je ne suis pas codeur !!!!)
      Il y a sans doute moyen de le faire en grattant dans les fichiers de l’extension mais c’est au-dessus de mes compétences…
      Répondre
veronique (1 comments) dit :
25 novembre 2012 à 10 h 30 min
Bonjour Cédric, y-a-t’il la possibilité d’ajouter le calendrier dans une page déjà existante?
Merci.
Répondre
1. Cédric (913 comments) dit :
  28 novembre 2012 à 6 h 29 min
  @veronique : je n’ai pas trouvé de shortcode pour l’appeler. Donc si tu le trouves, oui c’est possible
  Répondre
stephane (7 comments) dit :
9 décembre 2012 à 21 h 12 min
Bonsoir Cédric, sais-tu si il est possible d’ajouter des évènements par le site directement (formulaire pour les visiteurs) sans passer par l’administration .
Merci
Répondre
1. Cédric (913 comments) dit :
  13 décembre 2012 à 16 h 01 min
  @stephane : il ne me semble pas… Mais d’autres extensions doivent le faire
  Répondre
  1. stephane (7 comments) dit :
    15 décembre 2012 à 14 h 11 min
    Merci pour ton message, je ne suis pas arrivé à en trouver dans mes recherches. Si as plus de chance que moi n’hésite pas!
    Répondre
Sixers Fans (1 comments) dit :
22 décembre 2012 à 13 h 59 min
Bonjour Cédric. The Events Calendar est vraiment une solution idoine et très performance.
Toutefois j’ai voulu l’installer ce jour même sur un de mes sites, http://sixers.debats-sports.com/
Dès que j’active l’extension j’ai des problèmes d’affichage de mon slider en home, sans que je ne parvienne à comprendre le pourquoi du comment. Une idée?
Répondre
1. Cédric (913 comments) dit :
  24 décembre 2012 à 15 h 10 min
  @Sixers Fans : peut-être une incompatibilité avec l’extension ! Tu as réglé le problème car je ne vois pas de souci en allant sur ton blog ?
  Répondre
Didier (3 comments) dit :
11 février 2013 à 20 h 12 min
Bonjour Cédric,
Merci pour ce tuto j’ai suivi la vidéo mes j’ai un souci !
je n’arrive à trouver sur mon site ou est l’agenda ?
pourais tu m’aider stp ?
Répondre
1. Cédric (913 comments) dit :
  12 février 2013 à 6 h 26 min
  @Didier : ici http://www.didierlemagicien11.com/evenements/
  Répondre
  1. Didier (3 comments) dit :
    12 février 2013 à 10 h 30 min
    OK merci juste c’est pas possible de l’avoir afficher sur une page comme ( la page livred’or ou la page de contact et devis ) ?
    de façon a se que les personne non pas cliqué sur : http://www.didierlemagicien11.com/evenements/
    en gros je voudrai une page qui comme titre Evénement et quand on clique dessus on voi directement le calendrier sur la page
    je sais pas si tu comprend se que je veu dire !
    merci cordialement
    Répondre
    1. Cédric (913 comments) dit :
      13 février 2013 à 6 h 25 min
      @Didier : tu as plein d’option dans les préférences (juste en dessous du menu « Articles »)
      Répondre
Teralgän (1 comments) dit :
23 février 2013 à 16 h 09 min
Bonjour,
Tout d’abord merci pour ton très bon tuto !! Petite question, peut-on afficher des liste d’évènement en fonction de leurs catégories ? Par exemple j’ai trois catégorie, sur certaines je veux afficher qu’une catégorie d’évènement ?
Merci d’avance pour vos réponses
Répondre
1. Cédric (913 comments) dit :
  25 février 2013 à 6 h 15 min
  @Teralgän : non, on ne peut pas trier par catégorie avec le widget…
  Répondre
JMF (2 comments) dit :
14 mars 2013 à 16 h 42 min
Bonjour,
J’ai bien installé ce plug-in, créé événements et catégories… Le calendrier apparaît bien quand je travail sur le site en mode admin mais pas quand je l’ouvre comme visiteur ??? Faut-il l’insérer dans une page ou un article ? Il me semble que le pb vient de l’URL « events » dans les Préférences… Qu’en pensez-vous ?
Répondre
JMF (2 comments) dit :
14 mars 2013 à 21 h 01 min
Le calendrier est bien créé en mode admin mais n’apparaît pas sur le blog en mode utilisateur ??? Faut-il le rattacher à un article ou une page ? Le problème semble venir de l’intitulé de l’URL ? Conseil de dépannage ? Merci !
Répondre
1. Cédric (913 comments) dit :
  17 mars 2013 à 16 h 12 min
  @JMF : j’ai bien ta liste d’événements quand je vais ici http://www.terreetciel.fr/events
  Répondre
mag (1 comments) dit :
18 mars 2013 à 17 h 12 min
bonjour
merci pour le tuto
comme Laurent,je charge mon agenda,tout fonctionnement apparement,mais au moment d’aller sur le blog, ds l’onglet calendrier,on ne voit ni le calandrier ,ni les notes
une manoeuvre non faite,surement,mais laquelle
si tu peux y jeter un oeil ?
merci bien
Répondre