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.
L'en-tête de l'affichage mobile présente un design fixe qui ne peut pas être modifié. Pour modifier le contenu de cet en-tête :
- Dans la barre de navigation supérieure, cliquez sur Affichage et édition sur mobile.
- Cliquez sur le contenu de l'en-tête pour le modifier.
Types d'en-têtes
Il existe trois types d'en-têtes : flexible, fixe et « sticky ».
Pour en savoir plus sur les en-têtes, regardez cette vidéo :
En-têtes flexibles
Si vous souhaitez personnaliser un en-tête, celui-ci devra d'abord être transformé en ligne afin de devenir un en-tête flexible. Dans la plupart des modèles, l'en-tête est une ligne par défaut. Cependant, dans certains anciens modèles, l'en-tête est doté d'options de personnalisation limitées. Les modèles avec des en-têtes fixes comportent généralement certains widgets, comme des liens vers les réseaux sociaux ou un numéro de téléphone dans l'en-tête par défaut. Cependant, ces widgets sont fixes et ne peuvent pas être déplacés comme des widgets dans des lignes normales. Transformer l'en-tête en ligne vous permet d'ajouter ou de modifier des widgets.
Si vous avez transformé votre en-tête en en-tête flexible et souhaitez plus tard le rendre fixe, sachez que cette opération est irréversible.
Pour rendre un en-tête flexible et le transformer en ligne :
- Survolez l'en-tête et cliquez sur En-tête.
- Dans l'onglet Contenu, cliquez sur le bouton Convertir l'en-tête en ligne.
La plupart des nouveaux modèles présentent un en-tête comme ligne par défaut. Il est probable que vous ne soyez confronté à ce problème que lorsque vous utilisez des anciens modèles qui comportent encore des en-têtes fixes.
En-têtes fixes
Certains de nos anciens modèles comportent des en-têtes fixes. L'en-tête accueille le logo, la navigation, les icônes de réseaux sociaux et du texte. Toutefois, il est verrouillé et ne peut donc pas être personnalisé grâce à l'ajout de , disponibles à partir de la section Widgets.
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 agit de la même façon que l'option En-tête « sticky », mais condense la taille des logos et des autres widgets dans 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 pour les affichages Ordinateur et Tablette. Les en-têtes réduits peuvent uniquement être activés lorsque l'en-tête est transformé en ligne. Si l'en-tête n'est pas une ligne et si le modèle présente un en-tête fixe, l'option Rétrécissement de l'en-tête n'est pas disponible. Pour en savoir plus, consultez l'article En-têtes.
Pour obtenir de plus amples informations sur la configuration des en-têtes réduits, consultez l'article En-têtes réduits.
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. Lors du passage à l'une de ces mises en page, les en-têtes fixes sont transformés en en-têtes flexibles. 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.
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.
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.
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.