Le bloc Compte à rebours (Event Countdown dans l’éditeur) affiche un minuteur jusqu’au début d’un événement, en jours, heures, minutes et secondes. Quand l’événement commence, le minuteur laisse la place à un court message, puis à un autre une fois l’événement terminé.
Le bloc montre l’événement de la page où il se trouve. Placez-le dans le modèle commun à tous vos événements, comme l’explique Construire une page d’événement. La page d’événement par défaut de HappenBoard le contient déjà, sans les secondes, avec un thème de blocs comme avec un thème classique.
Ajouter le compte à rebours
- Avec un thème de blocs, ouvrez votre modèle d’événement dans Apparence → Éditeur. Pour un seul événement, modifiez plutôt cet événement.
- Ouvrez l’outil d’insertion de blocs et ajoutez Event Countdown depuis la catégorie HappenBoard.
- Réglez les unités et les messages dans la colonne de réglages du bloc.
- Enregistrez.
Sur une page ordinaire, le bloc n’a aucun événement à décompter. L’éditeur affiche alors un message qui vous invite à le placer dans un modèle d’événement, et le visiteur ne voit rien.
Choisir les unités
Le panneau Units propose un interrupteur pour Days (jours), Hours (heures), Minutes et Seconds (secondes). Les quatre sont activés par défaut.
Masquez les secondes pour un événement lointain : un compteur qui défile à la seconde distrait plus qu’il n’informe. Quand vous masquez une unité plus grande, son temps passe dans l’unité suivante affichée. Sans Days, 3 jours et 2 heures donnent 74 heures.
Reformuler les messages
Le panneau Labels contient les deux messages qui remplacent le minuteur :
| Réglage | Quand il s’affiche | Par défaut |
|---|---|---|
| When live | Du début de l’événement à sa fin | Event has started |
| After end | Une fois l’événement terminé | Event has ended |
Écrivez ce qui convient à votre événement, par exemple « Les portes sont ouvertes » et « À l’année prochaine ». Tant qu’aucune traduction française de HappenBoard n’est installée, ces messages s’affichent en anglais : sur un site en français, remplacez-les par vos propres textes.
Ce que voit le visiteur
Chaque unité est une case avec son nombre, sur deux chiffres au moins, au-dessus de son nom. La page arrive avec les bons chiffres, puis le minuteur se met à jour chaque seconde dans le navigateur du visiteur, d’après l’horloge de son appareil.
Pour un événement récurrent, le compte à rebours vise une seule date. C’est la date que le visiteur a ouverte depuis le calendrier ou la liste des dates, sinon la date en cours, sinon la suivante. Une fois la série terminée, il affiche le message After end. Les blocs Event Date & Time et Add to Calendar de la même page utilisent la même date.
Donner une heure de fin à l’événement
Un événement sans heure de fin se termine à l’instant où il commence. Le compte à rebours passe alors directement au message After end, et le message When live ne s’affiche jamais. Pour afficher ce dernier pendant l’événement, donnez-lui une heure de fin, comme l’explique Dates, heures et événements sur la journée entière.
Mettre en forme le compte à rebours
Le bloc propose la couleur du texte et du fond, les marges internes et externes, la taille, l’interligne et la graisse du texte, ainsi que l’alignement large. Les chiffres reprennent la police de votre thème.
Pour partir d’une mise en page prête, la composition Single event hero réunit l’image mise en avant, le titre, la date, le compte à rebours et les liens d’agenda. Voir Compositions et modèles de thème.
Pour aller plus loin
- Construire une page d’événement : organiser le reste de la page autour du compte à rebours.
- Le bloc Ajouter au calendrier : ajouter des liens d’agenda sous le minuteur.
- Les blocs HappenBoard : vue d’ensemble : voir tous les blocs d’un coup d’œil.