Le bandeau
L’onglet Hero section : le grand bandeau en haut de la page, son image ou sa vidéo de saison, son titre, son sous-titre et son bouton.
Le bandeau n’est pas une ligne : il est toujours là, toujours en haut, et se règle à part, dans le premier onglet de la boîte Page Builder. Tous ses champs sont facultatifs.
Ce qui s’affiche
| Ce qu’on voit | D’où ça vient | |
|---|---|---|
| 1 | Le fil d’Ariane | Automatique : voir Fil d’Ariane. Absent de l’accueil. |
| 2 | Le titre | Titre, sinon le titre de la page. |
| 3 | Le sous-titre | Sous-titre. Rien s’il est vide. |
| 4 | Le bouton | Texte du CTA et Lien du CTA, les deux ensemble, avec les icônes s’il y en a. |
| 5 | L’image ou la vidéo | Les champs de saison, voir plus bas. |
Les champs
| Champ | Ce qu’on y met, et où ça se voit |
|---|---|
| Titre | Le grand titre du bandeau. Vide, c’est le titre de la page qui s’affiche. À remplir pour dire autre chose que le nom de la page : « Montréal, la métropole ». |
| Sous-titre | Une ligne sous le titre, centrée. Une accroche courte. |
| Texte du CTA, Lien du CTA | Le bouton sous le sous-titre — CTA :
l’appel à l’action. Il n’apparaît que si les deux sont
remplis : un texte, et l’adresse complète où il mène,
https://… compris. |
| Icone avant le CTA, Icone après le CTA | Une petite image de part et d’autre du texte du bouton. Un SVG de préférence : il prend la couleur du texte. Un fichier qui n’est pas une image est ignoré. |
| Image printemps, été, Automne, hiver | L’image du bandeau, une par saison : le site affiche celle de la saison en cours, voir Saisonnalité. Une photo large plutôt que haute : elle couvre toute la largeur de l’écran. 1 Mo au plus : plus lourde, elle est refusée. |
| Vidéo printemps, été, automne, hiver | Un fichier .mp4 de 30 Mo au plus, à la place de
l’image de la même saison. Elle démarre seule, sans son, en boucle.
Une vidéo courte, une ambiance : elle ne se met pas en pause et
n’a pas de son. |
D’où vient le fond du bandeau
Pour la saison en cours, le site prend le premier de ces fonds qui existe :
- La vidéo de la saison
- sinon
- L’image de la saison
- sinon
- L’Image mise en avant, dans la colonne de droite
- sinon
- Un fond violet foncé, uni
Pendant qu’une vidéo se charge, c’est l’image de la même saison — ou l’image mise en avant — qui s’affiche.
L’image de la saison, ou à défaut l’image mise en avant, illustre aussi la tuile de la page, partout où elle est proposée — une mosaïque, un élément Contenu. Pour la page d’une région, c’est aussi elle qui illustre la région dans le module Régions de l’accueil.
Les champs image du page builder refusent les fichiers de plus de 1 Mo, comme ceux des autres écrans : voir le poids des images. Une image déjà dans la médiathèque et trop lourde y apparaît grisée quand on l’ouvre depuis le champ.