Dans ce guide, vous apprendrez comment modifier l'apparence et l'arrière-plan de l'en-tête de vos pages. L'en-tête peut être défini individuellement pour chaque page de votre site web (à l'exception de la barre de navigation – celle-ci est identique sur l'ensemble du site).
AVERTISSEMENT : Les paramètres d'en-tête ne peuvent pas être modifiés dans la version mobile de l'éditeur. Pour modifier l'en-tête, vous devrez vous connecter via un ordinateur.
Vous pouvez ouvrir les paramètres en cliquant sur l'icône de la roue dentée dans le coin supérieur droit de l'en-tête. Vous pouvez y effectuer plusieurs réglages pour modifier le design de l'en-tête de page.
Type d'en-tête
Vous pouvez modifier ici le type d'en-tête. Les options disponibles sont Menu de navigation uniquement, Menu de navigation et rubriques ou Menu de navigation et contenu. Les paramètres disponibles varient selon le type d'en-tête.
INFO : Le type d'en-tête ne peut pas être modifié pour les articles de blog, qui sont un type de page différent.
Menu de navigation uniquement
Ce paramètre affiche uniquement la barre avec le logo et le menu, suivie du reste du site. Vous pouvez modifier l'arrière-plan et définir les propriétés de la barre de navigation. Les paramètres de la barre de navigation affectent la barre sur toutes les pages du site. Dans les paramètres de base, vous pouvez modifier l'arrière-plan de la barre de navigation.
Menu de navigation et rubriques
Ce type d'en-tête est généralement utilisé sur la plupart des pages d'accueil des modèles. Vous pouvez ajouter jusqu'à trois rubriques (Titre, Sous-titre et Titre au-dessus du titre) ainsi qu'un bouton.
Menu de navigation et contenu
Ce type d'en-tête vous permet d'insérer tout type de contenu Webnode, tel que des formulaires ou des galeries d'images. L'arrière-plan de la barre de navigation et du contenu peut être défini séparément. Les arrière-plans peuvent être personnalisés pour la barre de navigation et la section d'en-tête.
Arrière-plan de la barre de navigation et arrière-plan de la section
Vous pouvez modifier l'arrière-plan de la barre de navigation en cliquant sur Fond de navigation.
Vous pouvez sélectionner l'un des arrière-plans recommandés ou cliquer sur le bouton plus (+) pour en choisir un autre ou télécharger le vôtre.
Ici, vous pouvez sélectionner un arrière-plan depuis la galerie ou télécharger le vôtre.
De même, les paramètres d'arrière-plan de la section (section d'en-tête) ne peuvent être appliqués que lorsque le type d'en-tête Menu de navigation et rubriques ou Menu de navigation et contenu est sélectionné.
La résolution recommandée pour une image d'en-tête est de 1920×1280 px, avec une taille de fichier d'environ 600 Ko. Des images plus grandes peuvent provoquer un chargement de page plus lent et un transfert de données plus important.
La procédure de modification est la même que pour la barre de navigation (voir ci-dessus).
La définition de l'arrière-plan de l'en-tête (ou de l'arrière-plan des sections) se fait de manière indépendante pour chaque page du site web. La modification groupée n'est actuellement pas possible dans notre éditeur. Toutefois, vous pouvez créer une copie d'une page du site web, qui duplique tout le contenu et le design de la page d'origine. Vous trouverez davantage d'informations dans le guide Comment créer une copie d'une page de site web.
Si vous définissez un arrière-plan non uni pour la barre de navigation et/ou la section, vous pouvez également définir des effets d'arrière-plan, tels que le filtre, la position de l'image, la superposition de couleur ou l'animation.
[obrazek7]
Paramètres avancés
Alignement du contenu (uniquement pour le type Menu de navigation et rubriques)
Vous définissez ici comment le contenu sera aligné dans l'en-tête de la page.
Largeur du contenu
La largeur du contenu pour le type Menu de navigation et rubriques définit principalement là où le contenu commence. Par exemple, avec un contenu aligné à gauche, vous pouvez définir précisément où les rubriques commencent.
Hauteur minimale
Ce paramètre détermine la taille de l'en-tête. Il est utile si vous souhaitez contrôler quelle part de l'image d'arrière-plan est visible.
Cadre décoratif (uniquement pour le type Menu de navigation et rubriques)
Cette fonction active un cadre sombre autour du titre, du sous-titre et du titre au-dessus du titre.
Paramètres de la ligne de navigation
AVERTISSEMENT : Pour le type Menu de navigation uniquement, accédez à ce menu via Paramètres avancés.
Type de menu
Dans cette étape, vous pouvez modifier la position ou le style des éléments de menu. Les types Classique, Centré et Bas se distinguent par leur position. Cadre hamburger et Hamburger sont des menus hamburger et se distinguent par leur icône.
Style de menu
Le style de menu définit l'apparence des noms de page dans le menu. Les éléments de menu peuvent par exemple être encadrés, barrés, avoir des espaces plus grands ou se comporter différemment au survol. Ce paramètre ne peut pas être appliqué aux types de menu Déroulant et Déroulant avec tuile.
Hauteur de la barre de navigation
Ici, vous définissez la hauteur de la barre de navigation.
Largeur du contenu
Ce paramètre permet de régler la distance entre le logo et les éléments de menu de la barre de navigation.
Recherche sur le site
Des informations supplémentaires sont disponibles dans nos articles Comment ajouter un champ de recherche et Comment ajouter un champ de recherche de produits.
Menu fixe
Lorsque le menu fixe est activé, la barre de navigation reste en haut, même lors du défilement vers le bas de la page.
Délimiteur
Cette option ajoute une ligne séparant la barre de navigation du reste de la page.
Paramètres du panneau complémentaire
[obrazek10]
Pour configurer les paramètres du panneau complémentaire, consultez nos guides Comment ajouter des contacts à l'en-tête de la page, Comment ajouter un sélecteur de langue à l'en-tête de la page, Comment ajouter les réseaux sociaux à l'en-tête de la page, et Comment ajouter un sélecteur de devise à l'en-tête de la page (si votre projet dispose d'une boutique en ligne active).
