Site Web avancé : en-têtes

L'en-tête est la partie de votre site qui contient le logo et la navigation. Il existe de nombreuses façons de modifier son style pour créer un en-tête attrayant pour votre site.

Types d'en-tête

Il existe deux types d'en-têtes : rétractables et permanents. Les en-têtes rétractables sont disponibles sur ordinateur et sur tablette dans la barre supérieure. Les en-têtes permanents sont disponibles sur tous les appareils. Les en-têtes mobiles sont toujours permanents par défaut.

Rétrécissement des en-têtes

L'en-tête rétractable est une version plus petite de l'en-tête du site. Il permet de conserver les informations de navigation importantes sans distraire les utilisateurs lorsqu'ils font défiler la page et sans occuper trop d'espace. Il fonctionne comme un en-tête fixe, mais condense la taille des logos et autres Widgets dans votre en-tête. Ceci est particulièrement utile pour les sites avec de grands en-têtes et ceux conçus pour un défilement long. L'en-tête rétractable est disponible uniquement sur ordinateur et sur tablette dans la barre d'en-tête supérieure.

Dispositions d'en-tête

Pour modifier la disposition de l’en-tête :

Passez la souris sur l'en-tête et cliquez sur En-tête.
Dans l’onglet Conception, sélectionnez une nouvelle mise en page d'en-tête. L'utilisation d'en-têtes prédéfinis permet de gagner du temps lors de la conception de votre site. Vous pouvez toujours sélectionner une mise en page et la modifier ultérieurement. Si vous optez pour un en-tête fixe, vous devez d'abord désactiver l'option « En-tête rétractable » dans l'onglet « En-tête rétractable ».

Note :

La sélection de l'une de ces mises en page supprime tout contenu existant de la section d'en-tête. Veillez donc à en avoir une copie de sauvegarde avant de sélectionner ces options. Avec l'une de ces mises en page, l'en-tête devient flexible et il est impossible de revenir à un en-tête fixe.

En-têtes collants

Pour rendre un en-tête collant, passez la souris sur l'en-tête, cliquez sur En-tête et sélectionnez Définir comme en-tête fixe. L'en-tête devient statique et reste en place lorsque vous parcourez les pages de votre site. Si l'option d'en-tête fixe n'est pas disponible, vous devez désactiver l'option « En-tête rétractable » dans l'onglet « En-tête rétractable ».

Masquer les en-têtes

Pour masquer un en-tête sur une page :

Passez la souris sur le bas de l'en-tête et cliquez sur En-tête.
Cliquez sur Masquer l'en-tête de page sur, puis sélectionnez l'appareil sur lequel vous souhaitez masquer l'en-tête.

Pour afficher l'en-tête :

Dans le panneau latéral, cliquez sur l'icône Afficher les éléments ( ) sous Paramètres.
Cliquez sur l'icône Masquer dans le pied de page et sélectionnez Oui pour afficher l'en-tête.

Pour plus d'informations, voir Afficher les éléments cachés.

Logo d'en-tête

Si l'en-tête contient une image, le logo du site sera conservé lors du passage d'une mise en page à l'autre. S'il y a plusieurs images ou si le logo est textuel, l'image du logo est conservée telle qu'elle apparaît dans la mise en page. Il est important de noter que les en-têtes des différents appareils ne sont pas connectés ; ainsi, si vous ajoutez un logo sur ordinateur, il ne sera pas automatiquement appliqué aux autres types d'appareils. La seule exception concerne l'utilisation de la mise en page de l'en-tête de la barre supérieure sur tablette, qui héritera des modifications de logo effectuées sur ordinateur.

Si vous supprimez le logo, ajoutez à nouveau l'image en la faisant glisser dans l'en-tête et définissez le lien pour revenir à la page d'accueil. Pour plus d'informations, consultez le widget Image.

Autres options d'en-tête

D'autres options d'en-tête sont disponibles dans le menu de conception qui vous permettent de personnaliser davantage l'apparence de votre en-tête.

Pour accéder au menu de conception de l'en-tête, passez la souris sur l'en-tête, cliquez sur En-tête, puis cliquez sur l'onglet Conception.

Pour afficher les éléments d'en-tête au-dessus des images de héros, cliquez sur Superposez la première ligne. Cela donne plus de visibilité à vos images principales et facilite la conception de sites web élégants et tendance. Gardez ceci à l'esprit :

Pour l'en-tête, définissez la couleur d'arrière-plan sur transparent ou opaque.
Pour la première ligne, utilisez un remplissage supérieur égal ou similaire à la hauteur de l'en-tête.

Lors du passage à une nouvelle mise en page d'en-tête contenant des icônes de réseaux sociaux, celles-ci s'affichent telles que définies dans la bibliothèque de contenu. En l'absence de liens sociaux, les icônes restent génériques, comme dans la mise en page.

Associé à:

GFP: Guesty Booking Website