Éditeur Wix : Personnaliser l'en-tête de votre site
Temps de lecture : 5 min
Votre en-tête est la section en haut de votre site Web et contient généralement votre menu et votre logo. Comme votre en-tête donne aux visiteurs une première impression de votre site, nous vous recommandons de le personnaliser pour l'adapter à votre marque et à votre style.
Sélectionnez un design et un effet de défilement pour votre en-tête, et configurez la taille et les bordures pour laisser une forte impression sur vos visiteurs.
Dans cet article, apprenez-en plus sur :
Les éléments de votre en-tête sont automatiquement affichés sur toutes les pages sur lesquelles votre en-tête apparaît.
Modifier le design de votre en-tête
Vous pouvez modifier le design de votre en-tête pour l'adapter à votre site. Sélectionnez un design parmi une variété de modèles et personnalisez les paramètres tels que la couleur, l'espacement et les angles.
Pour modifier le design de votre en-tête :
- Cliquer sur l'en-tête.
- Cliquez sur l'icône Plus d'actions
sur la droite.
- Cliquez sur Modifier le design de l'en-tête .
- Cliquez sur l'état Normal ou Défilement.
- Utilisez les options pour personnaliser le design de l'en-tête:
- Couleur de remplissage et opacité : Choisissez une couleur pour votre en-tête et ajustez son opacité.
- Bordure : Ajoutez des bordures à votre en-tête pour le faire ressortir sur votre page.
- Angles : Rendez les angles de votre bordure plus ronds ou plus carrés.
- Ombre : Ajoutez et concevez une ombre pour donner à votre en-tête un effet 3D sympa.
L'état « Défilement » vous permet de concevoir votre en-tête pour qu'il ait un aspect différent une fois que les visiteurs ont fait défiler la page vers le bas. Par exemple, vous pouvez faire en sorte que l'en-tête change de couleur ou bien ajouter une bordure pour qu'il se démarque.
Définir une image comme en-tête de votre site
Pour personnaliser davantage votre site, vous pouvez configurer une image comme en-tête. Faites glisser l'image sur l'en-tête pour la connecter, puis utilisez les poignées de glissement pour étirer l'image sur l'en-tête. Vous pouvez ensuite déplacer l'image vers l'arrière afin qu'elle ne masque pas les éléments de votre en-tête.
L'image doit être plus petite que votre en-tête pour pouvoir y tenir et être attachée correctement. Nous vous recommandons d'utiliser une image dont la résolution et la taille sont compatibles avec la taille de votre en-tête, comme une image de bannière.
Pour utiliser une image comme en-tête de votre site:
- Accédez à votre éditeur.
- Ajoutez une nouvelle image ou sélectionnez une image existante sur votre page.
- Faites glisser l'image vers l'en-tête et déposez-la lorsque vous voyez le message Joindre à l'en-tête.
- (Facultatif) Faites glisser les poignées de redimensionnement pour étirer l'image à la largeur de votre en-tête.
- Déplacez l'image vers l'arrière :
- Faites un clic droit sur l'image.
- Survolez Organiser et cliquez sur Déplacer en arrière.
Suggestion :
Remplacez votre image d'en-tête à tout moment en utilisant le panneau Modification rapide, en cliquant sur Modifier à côté de l'image actuelle.
Redimensionner votre en-tête
Vous pouvez redimensionner votre en-tête pour qu'il soit aussi grand ou aussi petit que vous le souhaitez.
Les gros en-têtes sont utiles si vous avez beaucoup d'éléments tels qu'un titre de site, un menu du site et un logo. Les en-têtes plus petits sont parfaits pour les sites minimaux ou si vous avez la plupart de vos éléments sur la page.
Pour redimensionner votre en-tête :
- Cliquer sur l'en-tête.
- Faites glisser la poignée d'étirement au bas de l'en-tête pour l'agrandir ou le raccourcir.
Ajouter un effet de défilement à votre en-tête
Ajoutez un effet de défilement sympa à votre en-tête pour choisir son comportement lorsque les visiteurs font défiler vers le haut et le bas. Par exemple, conservez l'en-tête en haut pendant que les visiteurs font défiler, ou faites-le disparaître progressivement.
Pour choisir un effet de défilement pour votre en-tête
- Cliquer sur l'en-tête.
- Cliquez sur l'icône Plus d'actions
- Cliquez sur Paramètres de défilement de l'en-tête.
- Sélectionnez un effet de défilement :
- Défile avec le site : Aucun effet de défilement n'est appliqué. Lorsque les visiteurs font défiler la page vers le bas, ils font également défiler la page depuis l'en-tête (c'est-à-dire le haut de la page).
- Figer : Votre en-tête reste en haut de la page lorsque les visiteurs font défiler vers le haut et le bas, ce qui leur permet d'accéder facilement au menu de votre site.
Suggestion : Lorsque vous sélectionnez cet effet, nous vous recommandons de garder l'en-tête plutôt court afin qu'il ne couvre pas le contenu lors du défilement. - Disparaître : Lorsque les visiteurs font défiler votre site, l'en-tête disparaît progressivement. Pour que l'en-tête réapparaisse, vos visiteurs doivent commencer à faire défiler la page vers le haut.
- Estomper : L'en-tête disparaît lentement lorsque vos visiteurs font défiler le site et réapparaît lorsqu'ils commencent à faire défiler vers le haut.
Suggestion :
Votre site mobile et votre site sur ordinateur peuvent avoir des effets de défilement d'en-tête différents. En savoir plus sur la modification des paramètres de défilement de l'en-tête sur votre site mobile.
