Configurez l'en-tête de votre site Cloudbeds

Introduction

L’en-tête est la section supérieure d’une page web et apparaît généralement sur tout le site. Il peut contenir des informations importantes comme ton logo et tes coordonnées, ainsi que des éléments de navigation qui aident les visiteurs à comprendre où ils se trouvent et à accéder à d’autres parties du site.

Dans l’éditeur Cloudbeds Websites, tu peux configurer le comportement de l’en-tête lorsque les visiteurs font défiler ou interagissent avec la page. Commence par choisir le type d’en-tête qui correspond au comportement souhaité, puis applique ses paramètres dans le panneau de design.

Table des matières

• Choisis un type d’en-tête
• Accède aux paramètres de conception de l’en-tête
• Configure un en-tête statique
• Configure un en-tête fixe
• Configure un en-tête rétractable
• Configure un en-tête superposé
• Configure un en-tête caché

Choisis un type d’en-tête

Les types d’en-tête contrôlent ce que les visiteurs voient en haut de la page et comment l’en-tête se comporte lorsqu’ils font défiler la page. Utilise les descriptions ci-dessous pour choisir le comportement souhaité avant de modifier les paramètres de l’en-tête.

Accède aux paramètres de conception de l’en-tête

Le comportement de l’en-tête se configure depuis le tableau de bord de conception après avoir sélectionné l’en-tête dans l’éditeur Cloudbeds Websites.

1. Ouvre ton Site web Cloudbeds dans l’éditeur Cloudbeds Websites.
2. Sélectionne l’en-tête.
3. Utilise le tableau de bord de conception pour ouvrir les paramètres disponibles pour l’en-tête.

Après avoir sélectionné l’en-tête, utilise le tableau de bord de conception pour accéder aux paramètres disponibles. Dans cet exemple, les contrôles de superposition de l’en-tête sont visibles.

Configurer un en-tête statique

Un en-tête statique apparaît en haut de la page mais ne reste pas visible lorsque le visiteur fait défiler la page. Utilise cette configuration si tu ne souhaites pas que l’en-tête chevauche la première section ou reste fixe lors du défilement.

1. Sélectionne le en-tête.
2. Dans le panneau de conception, développe Position.
3. Assure-toi que Chevauchement avec la section supérieure de la page est désactivé.
4. Assure-toi que Définir comme en-tête fixe est désactivé.

Configurer un en-tête fixe

Un en-tête fixe reste positionné en haut de la page pendant que le visiteur fait défiler.

1. Sélectionne le en-tête.
2. Dans le panneau de conception, développe Position.
3. Active Définir comme en-tête fixe.

Configurer un en-tête rétractable

Un en-tête rétractable, aussi appelé en-tête fixe dynamique, reste positionné en haut de la page pendant que le visiteur fait défiler et change pour un design plus compact. Configure à la fois son apparence initiale et la façon dont il change au défilement.

1. Sélectionne le en-tête.
2. Dans le panneau de conception, développe Position.
3. Active Définir comme en-tête fixe.
4. Active Modifier l’en-tête au défilement.
5. Dans les paramètres de design de l’en-tête, développe Espacement et définis les valeurs initiales de remplissage en haut et remplissage en bas.
6. Retourne à Position et configure le comportement au défilement :
   • Arrière-plan au défilement : Sélectionne la couleur d’arrière-plan et l’opacité.
   • Espacement au défilement : Défini les valeurs de remplissage en haut et en bas plus petites que l’espacement initial de l’en-tête.
   • Taille du logo : Utilise le carrousel ou la zone de texte pour définir la taille à laquelle le logo se réduit lorsque l’en-tête change au défilement. La valeur par défaut est de 66 %.

Les paramètres de comportement au défilement incluent les contrôles utilisés pour un en-tête rétractable, notamment le comportement fixe, les modifications au défilement, l’espacement et la taille du logo.

Configurer un en-tête superposé

Un en-tête superposé se fusionne visuellement avec la première section de la page en plaçant l’en-tête par-dessus cette section.

1. Sélectionne l’en-tête.
2. Dans le panneau de conception, développe Position.
3. Active Superposer avec la section supérieure de la page.
4. Sélectionne la couleur de fond et l’opacité du chevauchement de l’en-tête.

Configurer un en-tête caché

Un en-tête caché n’est pas visible par défaut et n’apparaît que lorsqu’une action utilisateur le déclenche, comme la sélection d’un bouton menu hamburger. Choisis le préréglage d’en-tête dans le panneau de conception.

1. Sélectionne l’en-tête.
2. Dans le panneau de conception, développe Préréglages.
3. Choisis la mise en page préréglée qui correspond à ton design.

Articles liés

Maintenant que tu peux choisir et configurer le comportement de l’en-tête pour ton Site web Cloudbeds, utilise ces ressources pour une navigation plus large dans l’éditeur 2.0, le style global du site et l’orientation de la gestion du site :

• Naviguer dans l’éditeur Cloudbeds Websites
• Personnaliser ton Site web Cloudbeds avec le thème du site
• Présentation et prise en main de l’éditeur Cloudbeds Websites