En-tête et pied de page
Les deux blocs partagés par toutes les pages : comment les ouvrir, les réglages de l'en-tête (logo, disposition, comportement au défilement, boutons), ceux du pied de page (disposition, colonnes de liens, coordonnées, bas de page), et le bandeau d'annonce.
L'en-tête (logo, menu, bouton d'appel) et le pied de page (colonnes de liens, mentions) sont partagés par toutes les pages du site : vous les modifiez une fois, chaque page suit. Ils sont uniques : un seul en-tête et un seul pied de page par site.
Les ouvrir pour les modifier
Sur une page ordinaire, l'en-tête et le pied de page sont en lecture seule : au survol, un bandeau « En-tête partagé » ou « Pied de page partagé » propose Éditer. Vous pouvez aussi les ouvrir depuis le sélecteur de pages de la barre d'outils, groupe Blocs partagés, entrées En-tête et Pied de page. Ils s'éditent alors comme une page : cliquez sur le composant pour ouvrir son formulaire.
L'en-tête
- Logo / marque : le nom du site (utilisé s'il n'y a pas de logo), le logo, une version pour fond sombre, un badge, et le lien du logo (l'accueil, en général).
- Disposition : classique (logo à gauche, menu au centre), centré (logo au-dessus du menu) ou menu à gauche, collé au logo.
- Habillage de la barre : plein, verre dépoli, adaptatif (prend le fond de la section qui suit l'en-tête) ou transparent en haut de page puis plein au défilement. La couleur de la barre, elle, se règle dans Arrière-plan de section au survol de l'en-tête, sauf en adaptatif et en transparent, où l'habillage décide à sa place.
- Au défilement : la barre reste visible, réapparaît quand on remonte, ou ne suit pas. Hauteur : standard, fine ou haute pour un grand logo. Bord inférieur : filet, ombre légère ou aucun.
- Libellés du menu : standard ou capitales espacées. Survol et page active : un trait qui se déroule sous le libellé, un aplat teinté, une pastille pleine ou un point. Dans les quatre cas, la page où se trouve le visiteur reste reconnaissable quand la souris survole une autre entrée.
- Nom du site : standard, police des titres ou dans une boîte colorée.
- Boutons : un lien secondaire et un bouton principal (« Réserver », « Nous appeler »), présents sur toutes les pages.
Le pied de page
- Disposition : colonnes (classique), centré, minimal sur une ligne, scindé (marque à gauche, liens rangés à droite), deux étages (marque et coordonnées en haut, liens dessous) ou nom du site en grand. En minimal, les titres de colonnes, l'accroche et les coordonnées ne s'affichent plus, mais rien n'est perdu : revenez aux colonnes et tout réapparaît.
- Marque : le nom du site, une accroche, le logo (avec une version pour fond clair).
- Colonnes : autant de colonnes que vous voulez, chacune avec un titre et une liste de liens (vers vos pages, vos réseaux sociaux, vos mentions légales…).
- Coordonnées : adresse, téléphone, e-mail et horaires. Chaque ligne n'apparaît que si vous l'avez remplie. Le téléphone et l'e-mail sont cliquables : sur un mobile, le visiteur appelle depuis le pied de page.
- Bas de page : deux textes, à gauche et à droite, pour le copyright et une mention.
Partir d'une carte pré-réglée
La palette propose cinq en-têtes prêts (classique, élégant à logo centré, transparent sur la photo, sombre et fin, éditorial) et six pieds de page (en colonnes, centré, en colonnes clair, minimal clair, scindé, au nom en grand). Chaque carte pose le composant avec ses réglages et le fond de sa section. Si votre site a déjà un en-tête, supprimez-le d'abord pour en poser un autre, ou modifiez simplement ses réglages.
Le bandeau d'annonce
Le composant Bandeau d'annonce se pose dans la zone d'en-tête, au-dessus de la barre : une pastille, un texte court et un lien, pour une promotion, une fermeture exceptionnelle ou une actualité. Le bandeau est transparent : son fond est celui de sa section.
Pour lui donner un fond différent de celui de la barre, séparez-les : posez le bandeau, puis le bouton Séparateur de la barre d'outils entre les deux. Vous obtenez deux sections dans l'en-tête, chacune avec son propre arrière-plan. Voir Sections, séparateurs et coutures.