HappenBoard Pro ajoute trois blocs pour présenter vos événements : Events Photo Grid, Events Tile View et Schedule / Timetable. Ils fonctionnent avec tous les thèmes, et l’aperçu dans l’éditeur correspond à la page publique.
Ces blocs font partie de HappenBoard Pro. Voir ce que Pro ajoute.
Vous les trouvez dans la catégorie HappenBoard de l’outil d’insertion, à côté des blocs gratuits présentés dans la vue d’ensemble des blocs. La carte groupée a son propre guide.
Choisir les événements affichés
Chaque bloc choisit ses événements avec le réglage Date range de la colonne latérale :
- Upcoming : les prochains événements à partir de maintenant. Le choix par défaut de la grille photo et des tuiles.
- Today : de minuit à minuit, dans le fuseau horaire de votre site.
- This week : sept jours à partir du premier jour de la semaine réglé dans WordPress sous Réglages → Général.
- This month : le mois calendaire en cours.
Seuls les événements publiés apparaissent, et une date annulée d’une série est écartée. Un événement récurrent apparaît une fois par date de la période : un cours hebdomadaire peut donc occuper plusieurs cartes.
Ces blocs n’ont pas de réglage de catégorie, d’étiquette ou de lieu, et la barre de filtres ne les filtre pas. Pour une liste que vos visiteurs peuvent affiner, utilisez le bloc Event Query Loop.
Titres, images et lieux
- Titres : les titres d’événements de la grille photo et des tuiles, et les titres de jours du programme, sont des titres de niveau 2 par défaut. Si le bloc se trouve sous un titre à lui, choisissez un niveau de 3 à 6 avec le bouton de niveau de titre de la barre d’outils du bloc. Les utilisateurs de lecteur d’écran profitent ainsi d’un plan de page cohérent.
- Images : chaque carte charge une version de l’image mise en avant adaptée à sa colonne, pas le fichier en taille réelle, ce qui garde la page légère.
- Lieux : la ligne de lieu affiche le lieu relié à l’événement. Pour un événement importé ou proposé par un visiteur, sans lieu relié, elle affiche le nom de lieu saisi sur l’événement.
Events Photo Grid
Une grille où l’image prime. Chaque carte est l’image mise en avant de l’événement, avec la date, le titre et le lieu posés sur le bas de l’image. Toute la carte mène à l’événement.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Number of events | De 1 à 48. | 12 |
| Columns | De 1 à 6. Les tablettes affichent 2 colonnes au plus, les téléphones 1. | 3 |
| Aspect ratio | Square, Landscape 4:3, Widescreen 16:9 ou Portrait 3:4. Toutes les cartes ont la même forme, quelles que soient les photos. | Landscape 4:3 |
| Overlay | Always visible, Reveal on hover (le texte apparaît aussi quand un utilisateur au clavier atteint la carte) ou Hide overlay. | Always visible |
Le panneau Layout regroupe ces quatre réglages, le panneau Filtering le Date range, et le panneau Content les options Show date et Show venue (activées). Un événement sur la journée entière affiche All day à la place de l’heure.
Le texte repose sur un bandeau sombre en bas de la carte : le texte blanc reste lisible sur une photo claire. Le reste de la photo n’est pas assombri. Avec Hide overlay, les cartes montrent la photo seule, sans titre ni date. Les lecteurs d’écran lisent toujours la date, le titre et le lieu de chaque carte.
Donnez une image mise en avant à vos événements avant de choisir ce bloc. Un événement sans image donne une carte sombre unie avec son texte.
Events Tile View
De grandes rangées avec l’image d’un côté et le texte de l’autre. Adapté à quelques événements mis en avant en haut d’une page.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Number of tiles | De 1 à 12. | 3 |
| Columns | Single column ou Two columns. | Single column |
| Image position | Left of content, Right of content ou Alternate (zig-zag). | Left of content |
| Show image, Show date, Show venue, Show excerpt | Chaque partie de la tuile. Un événement sans image mise en avant donne une tuile sans image. | Tous activés |
| CTA label | Le texte du bouton en bas de chaque tuile. Laissez vide pour masquer le bouton. | Learn more |
Le Date range se trouve dans le panneau Filtering. Le texte par défaut du bouton est en anglais : saisissez votre propre CTA label, par exemple « En savoir plus ». Sur les écrans de 781 pixels de large ou moins, les tuiles passent sur une colonne, l’image au-dessus du texte.
Schedule / Timetable
Un programme façon conférence : une colonne par jour qui compte des événements, les heures sur le côté, et chaque événement dessiné comme un bloc aussi haut que sa durée. Les jours sans événement n’ont pas de colonne. Un clic sur un événement ouvre sa page.
Les événements qui se chevauchent se placent côte à côte dans la colonne du jour. Un événement sur la journée entière occupe la première ligne, marquée All day.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Start hour (24h) | La première heure de la grille, de 0 à 23. | 8 |
| End hour (24h) | La dernière heure, jusqu’à 24. Toujours au moins une heure après le début. | 22 |
| Slot granularity | La hauteur d’une ligne : 15 minutes, 30 minutes ou 1 hour. | 30 minutes |
| Date range | Today, This week ou This month. Pas d’option Upcoming : un programme a besoin d’un début et d’une fin. | This week |
| Show venue | Ajoute le lieu sous chaque événement. | Activé |
Les heures se trouvent dans le panneau Day window et la période dans le panneau Range. Le panneau Display propose aussi le sélecteur Accent color, la couleur de fond de chaque bloc d’événement, bleue par défaut.
Un événement qui dépasse l’heure de début ou de fin est coupé à la limite, avec un bord en pointillés du côté coupé. Un événement entièrement hors de la plage n’est pas écarté : il se place au bord le plus proche, avec une bordure en pointillés, et ses propres horaires indiquent les heures réelles. La grille couvre 31 jours au plus et lit 100 événements au plus.
Sur les écrans de 600 pixels de large ou moins, la grille devient une liste jour par jour : chaque titre de jour, suivi de ses événements, un par ligne.
Quand il n’y a rien à afficher
Plutôt que de disparaître, chaque bloc affiche une courte phrase, pour que vous le remarquiez dans l’éditeur. La grille photo et les tuiles indiquent No events match the current filters. Le programme indique No events scheduled in this window.
Pour aller plus loin
- Les blocs de liste d’événements : les listes et grilles gratuites, que la barre de filtres peut filtrer.
- Carte groupée et Map Design Studio : montrer les mêmes événements sur une carte.
- Construire une page d’événement : la page vers laquelle mènent les cartes et les tuiles.
- Ce que Pro ajoute : les autres fonctions Pro.