Chaque événement a sa propre page sur votre site. HappenBoard la remplit avec la date, la description, le formulaire d’inscription, le lieu et les autres informations de l’événement, quel que soit votre thème WordPress.
Ce que montre une page d’événement
Sans aucun réglage, chaque page d’événement affiche :
- le titre, puis la date et l’heure, heure de fin comprise
- l’image mise en avant
- un compte à rebours jusqu’au début
- la description
- le formulaire d’inscription
- pour un événement récurrent (un événement qui se répète, comme un cours chaque semaine), ses 8 prochaines dates
- le lieu avec son adresse, puis l’organisateur avec un lien vers son e-mail
- les boutons Ajouter au calendrier
- les catégories et étiquettes de l’événement
La construction de la page dépend de votre thème. Un thème bloc (celui que vous modifiez dans Apparence → Éditeur) utilise un modèle que vous pouvez changer. Un thème classique reçoit les mêmes blocs autour de la description.
Avec HappenBoard Pro, un événement qui a des billets, gratuits ou payants, affiche le Ticket Picker à la place du formulaire d’inscription. La carte du lieu peut aussi prendre un style créé dans le Map Design Studio.
Sur un thème bloc : modifier le modèle Single Event
HappenBoard ajoute un modèle nommé Single Event, utilisé par tous les événements. Le titre, la date, l’image mise en avant et le compte à rebours sont en haut. En dessous, une colonne large contient la description, le formulaire d’inscription et les prochaines dates, et une colonne étroite le lieu, l’organisateur, les boutons de calendrier, les catégories et les étiquettes.
Pour le modifier :
- Allez dans Apparence → Éditeur.
- Cliquez sur Modèles, puis sur Single Event.
- Ajoutez, déplacez ou supprimez des blocs. Les blocs d’événement sont dans la catégorie HappenBoard de l’outil d’insertion de blocs.
- Cliquez sur Enregistrer.
Votre version s’applique à tous les événements et reste en place après les mises à jour de l’extension. Pour revenir à la mise en page d’origine, ouvrez Modèles, ouvrez le menu à côté de Single Event et choisissez Réinitialiser.
HappenBoard fournit aussi des modèles pour l’archive des événements, les catégories, les lieux et d’autres pages. Ils sont décrits dans compositions et modèles de thème.
Sur un thème classique : rien à configurer
Un thème classique affiche le titre, l’image mise en avant et la description de l’événement avec sa propre mise en page. HappenBoard ajoute les blocs d’événement autour de la description, sur une seule colonne :
- au-dessus : la date et l’heure, puis le compte à rebours
- en dessous : le formulaire d’inscription, les prochaines dates, le lieu, l’organisateur, les boutons Ajouter au calendrier, puis les catégories et étiquettes
Pour organiser la page vous-même, placez des blocs d’événement dans le contenu de l’événement. Un bloc déjà présent dans le contenu n’est pas ajouté une seconde fois. Un développeur peut aussi modifier ou retirer les blocs ajoutés avec un filtre, voir les hooks blocs, balisage et rendu.
Les blocs d’événement et leurs réglages
Ces blocs lisent l’événement sur lequel ils se trouvent : placez-les dans un modèle d’événement ou dans le contenu d’un événement. Sélectionnez un bloc pour voir ses réglages dans la barre latérale. Les valeurs par défaut ci-dessous sont celles d’un bloc que vous ajoutez vous-même (le modèle Single Event active en plus les libellés du lieu et de l’organisateur).
Dans l’éditeur de site, la plupart de ces blocs affichent un encadré explicatif au lieu d’un aperçu, car un modèle n’est lié à aucun événement précis. Leurs réglages fonctionnent de la même façon, et le résultat s’affiche sur vos pages d’événement.
Event Date & Time
Affiche la date en cours, sinon la prochaine. Une fois toutes les dates passées, il affiche la dernière. Un visiteur qui ouvre une date depuis la liste des dates voit cette date-là.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Show end date/time | Ajoute la fin. Un événement sur une journée n’affiche que l’heure de fin, un événement sur plusieurs jours la date de fin complète. | Activé |
| Show timezone | Ajoute le fuseau horaire du site entre parenthèses. | Désactivé |
Event Description
Affiche le contenu de l’événement. Les codes courts et les contenus intégrés y fonctionnent comme dans n’importe quel article. Activez Excerpt only pour afficher l’extrait à la place. Ce réglage est désactivé par défaut.
Event Venue
Affiche le nom du lieu, avec un lien vers la page du lieu, et son adresse. Pour un événement en ligne ou hybride, il affiche aussi le lien de connexion.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Show « Venue » label | Ajoute le mot « Venue » au-dessus du nom. | Désactivé |
| Show address | Affiche l’adresse complète. | Activé |
| Show map | Intègre une carte. Le lieu doit avoir des coordonnées. | Désactivé |
| Map height (px) | De 120 à 800. | 280 |
| Map zoom | De 1 à 19. | 15 |
Une fois Show map activé, un réglage Map provider apparaît. Gardez Use site default (Integrations), ou choisissez OpenStreetMap, Google Maps ou une carte personnalisée pour ce bloc. Sans clé d’API Google, la carte revient à OpenStreetMap. Voir Cartes : OpenStreetMap ou Google Maps.
Event Organizer
Affiche le nom de l’organisateur. Si vous avez choisi un organisateur enregistré, le nom renvoie vers sa page.
- Show « Organizer » label : ajoute le mot « Organizer » au-dessus du nom. Désactivé par défaut.
- Show email link : affiche l’adresse e-mail de l’organisateur sous forme de lien. Activé par défaut.
Event Categories & Tags
Affiche les catégories et étiquettes de l’événement sous forme de petites pastilles. Show categories, Show tags et Link to archive sont activés par défaut. Désactivez Link to archive pour des pastilles sans lien.
Event Series (la liste des dates)
Dans l’outil d’insertion, il s’appelle Event Series: All Dates. Il liste les dates à venir d’un événement récurrent et n’affiche rien pour un événement unique.
Chaque date porte un lien View qui ouvre la page de l’événement sur cette date. La date, le compte à rebours, les boutons Ajouter au calendrier et la météo suivent alors cette date. Quand il y a plus de dates que la liste n’en montre, un lien See all dates mène à la page de toutes les dates de l’événement.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Heading | Titre au-dessus de la liste. Laissez vide pour le masquer. | All dates |
| Maximum dates to show | De 1 à 200. | 24 |
| Group by month | Ajoute un titre de mois au-dessus de chaque groupe de dates. | Activé |
| Show recurrence summary | Ajoute une phrase du type « Every week on Monday ». | Activé |
D’autres blocs pour la page d’événement
Le compte à rebours, les boutons Ajouter au calendrier et le formulaire d’inscription ont leurs propres pages, citées plus haut. Deux autres blocs y ont leur place : le bloc Météo de l’événement et le bloc Save Event Button.
Des blocs qui s’effacent quand ils n’ont rien à montrer
Chaque bloc n’affiche rien quand l’événement n’a pas l’information correspondante. Pas d’organisateur, pas de ligne organisateur ; un événement unique n’a pas de liste de dates. Un seul modèle convient donc à tous vos événements.
Événements protégés par mot de passe et événements privés
Les blocs d’événement suivent les règles de WordPress sur les mots de passe et les contenus privés :
- Sur un événement protégé par mot de passe, la description est remplacée par le formulaire de mot de passe de WordPress.
- Le formulaire d’inscription reste masqué tant que le visiteur n’a pas saisi le mot de passe.
- Le titre, la date, le lieu et les catégories restent visibles, comme pour tout article protégé.
- Ajouter au calendrier fonctionne toujours, mais l’entrée d’agenda ne contient que le titre, l’heure, le lieu et le lien.
- Un événement en brouillon ou privé n’est jamais montré à une personne qui n’a pas le droit de le lire.
Partir d’une composition
Cinq compositions HappenBoard sont prévues pour les pages d’événement, comme Single event hero (l’image mise en avant avec par-dessus le titre, la date et le compte à rebours). Insérez-en une dans votre modèle pour partir d’une mise en page prête.
Pour aller plus loin
- Compositions et modèles de thème : les autres modèles et toutes les mises en page prêtes à l’emploi.
- Mettre en place un formulaire d’inscription : permettre aux visiteurs de s’inscrire depuis la page de l’événement.
- Favoris : bouton Enregistrer et Mon programme : laisser les visiteurs garder leur propre liste d’événements.
- Les blocs HappenBoard : vue d’ensemble : tous les blocs d’un coup d’œil.