L'en-tête est la zone de votre site réservée au logo et à la navigation. Il existe de nombreuses façons de modifier le style de votre en-tête afin de le rendre plus attrayant.
Types d'en-têtes
Il existe deux types d'en-têtes disponibles— réduits et fixes. Les en-têtes réduits sont disponibles sur l'ordinateur de bureau et sur la barre supérieure de l'en-tête sur les tablettes. Les en-têtes fixes sont disponibles sur tous les appareils. Les en-têtes mobiles sont toujours collants par défaut.
Pour en savoir plus sur les en-têtes, regardez cette vidéo :
En-têtes réduits
L'en-tête réduit est une version rétrécie de l'en-tête du site, qui vous permet de faire en sorte que les informations de navigation importantes restent fixes, sans distraire les utilisateurs lorsqu'ils font défiler une page et sans prendre trop de place. Il fait office de fonction d'en-tête fixe mais il condense la taille des logos et des autres s de votre en-tête. Il s'avère particulièrement utile pour les sites présentant de grands en-têtes, et ceux conçus pour un long défilement. L'en-tête réduit est disponible sur les ordinateurs de bureau et les tablettes uniquement dans la disposition de l'en-tête de la barre supérieure.
Mise en page des en-têtes
Pour modifier la mise en page d'un en-tête :
- Survolez l'en-tête et cliquez sur En-tête.
- Dans l'onglet Design, choisissez une nouvelle mise en page. L'utilisation d'en-têtes préconçus permet d'accélérer la conception de votre site. Vous avez toujours la possibilité de modifier la mise en page choisie. Si vous passez à un en-tête fixe, vous devez d'abord désactiver le bouton de rétrécissement de l'en-tête dans l'onglet Rétrécissement de l'en-tête.
La sélection de l'une de ces mises en page entraînera la suppression du contenu de la section d'en-tête. Par conséquent, assurez-vous de disposer d'une sauvegarde de celui-ci avant de sélectionner ces options. Si l'une de ces mises en page est utilisée, l'en-tête devient alors flexible et ne pourra plus être de nouveau transformé en en-tête fixe.
En-têtes « sticky »
Pour épingler un en-tête, placez le curseur de la souris sur celui-ci, cliquez sur En-tête, puis sur Définir comme en-tête fixe. L'en-tête devient alors statique et demeure visible lorsque vous parcourez les différentes pages de votre site. Si l'option En-tête fixe (sticky) n'est pas disponible, vous devez désactiver le bouton de rétrécissement de l'en-tête dans l'onglet Rétrécissement de l'en-tête.
Masquer des en-têtes
Pour masquer un en-tête sur une page :
- Survolez la zone inférieure 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 masqué :
- Dans le panneau latéral, cliquez sur l'icône Afficher les éléments masqués (
) sous Paramètres. - Cliquez sur l'icône Masquer sur le bas de page, et sélectionnez Oui pour afficher l'en-tête.
Pour en savoir plus, consultez l'article Afficher les éléments masqués.
Logo de l'en-tête
Si l'en-tête contient une image, le logo du site sera conservé lors du changement de mise en page. En présence de plusieurs images, ou si le logo est constitué de texte, l'image du logo restera la même que dans la mise en page. Il est important de noter que les en-têtes entre les appareils ne sont pas connectés, donc si vous ajoutez un logo sur l'ordinateur de bureau, il n'est pas automatiquement ajouté aux autres types d'appareils. La seule exception est que si la disposition de l'en-tête de la barre supérieure est utilisée sur une tablette, elle héritera de tout changement de logo effectué sur l'ordinateur de bureau.
Si vous supprimez le logo, ajoutez de nouveau l'image en la faisant glisser vers l'en-tête, puis configurez le lien pour revenir à la page d'accueil. Pour plus d'informations, consultez la section Widget Image.
Autres options d'en-tête
D'autres options sont accessibles à partir du menu du design et vous permettront de personnaliser encore davantage votre en-tête.
Pour accéder au menu du design des en-têtes, placez le curseur sur l'en-tête, cliquez sur En-tête, puis sur l'onglet Design.
Pour afficher les éléments de l'en-tête au-dessus des images hero, cliquez sur Chevauchement de la première ligne.Cela vous permet d'offrir une meilleure visibilité à vos images tout en créant facilement des sites tendance et attrayants. Gardez alors à l'esprit les points suivants :
- Pour l'en-tête. Définissez la couleur de l'arrière-plan sur transparent ou ajustez l'opacité.
- Pour la première ligne. Prévoyez une marge supérieure de hauteur égale ou similaire à celle de l'en-tête.
Si vous choisissez une nouvelle mise en page d'en-tête incluant des icônes de réseaux sociaux, l'affichage de ces dernières variera en fonction de la bibliothèque de contenus. En l'absence de liens sociaux, les icônes de réseaux sociaux restent génériques, comme dans la mise en page.