Le bloc Calendrier

Le bloc Calendrier (Calendar dans l’éditeur) présente vos événements dans un calendrier que le visiteur parcourt par mois, semaine, jour ou agenda. Il fonctionne sur n’importe quelle page, article ou modèle, et le seul choix à faire est la vue affichée en premier.

Votre archive d’événements en contient peut-être déjà un. L’archive des événements par défaut affiche un calendrier au-dessus de la liste des événements à venir, avec un thème de blocs comme avec un thème classique. Vous pouvez la modifier comme l’explique Compositions et modèles de thème.

Ajouter le calendrier à une page

1. Modifiez la page qui doit accueillir le calendrier.
2. Ouvrez l’outil d’insertion de blocs et ajoutez Calendar depuis la catégorie HappenBoard.
3. Dans la colonne de réglages du bloc, ouvrez le panneau Calendar et choisissez les options ci-dessous.
4. Enregistrez la page.

Les réglages

Réglage	Rôle	Par défaut
Default view	La vue affichée en premier : Month (mois), Week (semaine), Day (jour) ou Agenda.	Month
Show view switcher	Affiche les liens Month, Week, Day et Agenda dans l’en-tête du calendrier. Désactivez-le pour garder tout le monde sur la vue par défaut.	Activé
Agenda window (days)	Visible quand la vue par défaut est Agenda. Le nombre de jours couverts par une page d’agenda, de 1 à 365.	30

Les quatre vues

• Month : une grille de six semaines. Chaque jour liste ses événements avec leur heure de début. La semaine commence le jour choisi dans Réglages → Général de WordPress.
• Week : sept colonnes, une par jour. Un jour sans rien affiche No events.
• Day : les événements d’une journée par heure de début, ou No events scheduled for this day.
• Agenda : les événements des jours à venir, regroupés par date, ou No events in this date range.

Se déplacer dans le calendrier

Les flèches de l’en-tête reculent ou avancent d’un mois, d’une semaine, d’un jour ou d’une page d’agenda. Un lien Today apparaît dès que le visiteur quitte la période en cours.

Le calendrier change sur place, sans recharger la page. L’adresse dans le navigateur change aussi : le bouton Retour et les favoris fonctionnent.

Quand le visiteur change de vue, le calendrier reste sur la période qu’il regardait. Un clic sur Week depuis le mois de novembre ouvre la semaine du 1er novembre, et non la semaine en cours.

Vous pouvez aussi créer un lien direct vers une période. Ajoutez l’un de ces éléments à l’adresse de la page :

• ?happenboard_month=2026-11 ouvre la vue mois sur novembre 2026.
• ?happenboard_date=2026-11-14 ouvre la vue semaine, jour ou agenda à cette date.
• ?happenboard_calendar_view=agenda ouvre l’agenda, quelle que soit la vue par défaut. Cela marche aussi avec month, week et day.

Ce que le calendrier affiche

• Les événements publiés uniquement, dans le fuseau horaire et le format d’heure de votre site.
• Un événement récurrent à chacune de ses dates. Une date retirée de la série avec Skip n’apparaît pas.
• Chaque date d’une série mène à la page de l’événement ouverte sur cette date. La date, le compte à rebours et les liens d’agenda de cette page correspondent alors au jour cliqué.
• Un événement sur plusieurs jours sur chacun d’eux. Le premier jour montre l’heure de début, les suivants affichent Cont.
• All day à la place de l’heure pour un événement sur la journée entière.
• Ce qui est passé : les jours avant aujourd’hui sont légèrement hachurés, et les événements terminés affichent leur heure en graisse normale au lieu du gras.
• Aujourd’hui : une teinte de fond et le numéro du jour souligné.

Le bloc n’a pas de filtre. Pour n’afficher qu’une catégorie ou un lieu, utilisez le bloc Event Query Loop.

Sur mobile et au clavier

• Sur un écran étroit, chaque jour de la grille mensuelle indique son nombre d’événements au lieu de titres tronqués. Un appui sur ce nombre ouvre la journée.
• Sur un petit écran, la vue semaine présente les jours les uns sous les autres.
• Tous les liens fonctionnent avec les touches Tab et Entrée. Après un clic sur une flèche ou une vue, le focus reste sur le même bouton, et les lecteurs d’écran annoncent la nouvelle période.

Les périodes très chargées

Une vue affiche au plus 1 000 dates. Quand une période en compte davantage, le calendrier indique à partir de quel jour des dates peuvent manquer. Un lien List the events from that day ouvre alors l’agenda sur ce jour, où figure la suite.

Choisir un style

Dans la colonne du bloc, la section Styles propose quatre apparences :

• Default : une grille avec une bordure autour de chaque jour.
• Minimal : sans bordure de case, avec plus d’espace.
• Card : tout le calendrier dans un panneau arrondi avec une ombre légère.
• Bold : un grand titre, les jours de la semaine en capitales, des cases plus hautes et le jour courant encadré d’un trait épais.

Le bloc offre aussi les réglages habituels de couleur, de typographie et d’espacement, ainsi que l’alignement large ou pleine largeur.

Pour aller plus loin

• Les blocs de liste d’événements : ajouter une liste des événements à venir sous le calendrier.
• Le bloc Event Query Loop : afficher plutôt une sélection filtrée.
• Construire une page d’événement : préparer la page qu’ouvre chaque date du calendrier.
• Les blocs HappenBoard : vue d’ensemble : voir ce que font les autres blocs.