L'en-tête est le premier écran, et c'est souvent le seul que certains verront. Il se règle dans un onglet à lui, avec un aperçu qui se met à jour pendant le réglage plutôt qu'après enregistrement.
L'en-tête, avec son aperçu
L'onglet En-tête d'une publication : un en-tête personnalisé s'active d'un geste, et l'aperçu montre aussitôt le titre, le texte, le bouton et l'image tels qu'ils paraîtront.
L'onglet de l'en-tête : taille, fond et fondu
La hauteur (dont « celle de l'image », qui ne rogne jamais rien), la largeur, dans la colonne ou pleine largeur, et l'alignement vertical du contenu. Le fond est une couleur, un dégradé avec son angle ou une image avec son assombrissement, et un fondu vers le bas dissout le pied du bandeau dans la page au lieu de finir sur une ligne.
Le carrousel : une diapositive après l'autre
Ajouter une diapositive fait de l'en-tête un carrousel. La première garde le titre de la page ; les suivantes prennent leur tour au même endroit, chacune avec son fond, ses textes et boutons traduits, et sa couleur d'accent. Le défilement se règle page par page : automatique ou non, durée de chaque diapositive, pause au survol.
Sur le site : la deuxième diapositive
La même diapositive, telle que le visiteur la voit sur la page d'accueil : ses flèches de chaque côté, les points en dessous pour aller à une autre, et un bouton pour mettre le défilement en pause.
Les en-têtes sur téléphone
Sur téléphone, l'en-tête passe sur une colonne : le titre, le texte et le bouton d'abord, l'image en dessous. Ici l'accueil et son carrousel, une page de formation, et un article, dont la date et l'auteur suivent l'en-tête.
Le fond de chaque diapositive
À côté de l'aperçu, le panneau de l'en-tête a ses onglets. Fond règle, pour la diapositive choisie, une couleur ou un dégradé, une image avec son point d'intérêt et ses versions pour téléphone et tablette, ou une vidéo.
Le défilement des diapositives
L'onglet Défilement décide si les diapositives passent seules et combien de temps chacune reste, si elles s'arrêtent au survol, s'il y a des flèches et des points, et la transition : fondu ou glissement.
Aussi dans l'en-tête
- Une image pour l'ordinateur, une pour la tablette et une pour le téléphone, chacune avec son propre point de cadrage.
- Des liserés : jusqu'à six bandes de couleur inclinées, posées sur le fond, réglées en angle, épaisseur, écart et opacité.
- Des textes, des images et des boutons empilés, chacun avec sa largeur, sa police et ses couleurs, et des mots du titre en couleur.
- Un logo posé au-dessus du titre.
- Le dessin est écrit une fois pour toutes les langues ; les mots, eux, s'écrivent langue par langue. Et quand l'image porte du texte, chaque langue peut avoir son propre fond.
- Un en-tête au milieu d'une page : le même visuel se pose aussi dans le contenu, comme un bloc de la grille, pleine largeur, moitié ou tiers, avec le même panneau de réglage. Ses titres y deviennent des intertitres, pour que la page garde un seul titre principal.
Un QR code dans l'en-tête
À côté du titre et de l'image, un en-tête accepte un QR code : le visiteur qui lit la page sur son ordinateur continue sur son téléphone. Son adresse et sa légende se règlent dans chaque langue, une page du site est complétée avec son domaine, et il peut prendre le style d'un code du module QR codes, formes, couleurs et logo compris. L'aperçu le dessine tel qu'il sera publié.