Design de l’en-tête¶
Pour modifier le design de l’en-tête, cliquer sur Edit, puis cliquer sur l’en-tête. Les options suivantes sont disponibles dans la section Header de l’onglet Customize dans l’éditeur de site web :
Choisir un Template dans le menu déroulant.
Sélectionner les paramètres Background pour modifier la palette de couleurs via différents styles de thème, des options de couleur Custom et des options Gradient.
Lors de l’ajout d’une bordure à l’en-tête, sa taille, son style et sa couleur peuvent être définis.
Adapter les coins arrondis pour correspondre au design.
Ajouter une ombre et définir sa couleur, son décalage, son flou et sa propagation.
Ajouter un effet de défilement. Survoler un effet pour le prévisualiser.
Choisir la position de l’en-tête entre normal, masqué et par-dessus le contenu. Lorsque par-dessus le contenu est sélectionné, vous pouvez personnaliser l”arrière-plan et la couleur du texte.
Afficher ou masquer les éléments tels que le texte, la barre de recherche, le bouton se connecter, les liens de réseaux sociaux, le bouton nous contacter et le logo.
Pour finaliser les modifications, cliquer sur enregistrer.
Astuce
Pour masquer l’en-tête, cliquer sur modifier, cliquer sur l’en-tête et aller dans l’onglet thème de l’éditeur de site web. Faire défiler jusqu’à la section avancé et basculer le bouton afficher l’en-tête pour masquer/afficher l’en-tête.
Contenu de l’en-tête¶
Les menus organisent le contenu de l’en-tête et aident les utilisateurs à naviguer efficacement à travers les pages web. Des menus conviviaux et bien structurés jouent également un rôle crucial dans l’amélioration du classement dans les moteurs de recherche.
Éditeur de menu¶
L’éditeur de menu permet de modifier l’en-tête du site web et d’ajouter des éléments de menu et des méga menus.
Pour modifier le contenu de l’en-tête, aller dans . À partir de là, vous pouvez :
renommer une rubrique ou modifier son URL à l’aide de l’icône Modifier la rubrique de menu ;
supprimer une rubrique à l’aide de l’icône Supprimer la rubrique de menu ;
déplacer une rubrique en la faisant glisser à l’endroit souhaité dans le menu ;
créer un menu déroulant classique en faisant glisser les rubriques de sous-menu vers la droite, sous leur menu parent.
Note
Vous pouvez également accéder à l’éditeur de menu en cliquant sur modifier, en sélectionnant n’importe quel élément de menu et en cliquant sur l’icône modifier le menu.
Mégamenus¶
Les méga menus sont similaires aux menus déroulants, mais au lieu d’une simple liste de sous-menus, ils affichent un panneau divisé en groupes d’options de navigation. Cela les rend adaptés aux Sites Web contenant de grandes quantités de contenu ou aux Sites Web eCommerce, car ils peuvent aider à inclure toutes vos pages web ou catégories eCommerce dans le menu tout en rendant tous les éléments du menu visibles à la fois.
Pour créer un méga menu, allez à et cliquez sur Ajouter un méga menu. Saisissez le Nom du méga menu dans la fenêtre contextuelle, cliquez sur OK, puis sur Enregistrer.
Pour adapter les options et le contenu du méga menu, cliquer sur un élément de méga menu dans l’en-tête, puis cliquer sur Modifier. Les méga menus sont composés de blocs de construction, ce qui signifie que chaque composant peut être personnalisé individuellement. Par exemple :
Modifier le texte directement dans le bloc de construction.
Modifier l’URL d’un élément de menu en sélectionnant l’élément de menu et en cliquant sur le bouton Modifier le lien dans la petite fenêtre contextuelle d’aperçu. Saisir
/pour rechercher une page sur le site web, ou#pour rechercher une ancre personnalisée existante.
Déplacer un élément de menu en faisant glisser et en déposant le bloc associé à la position souhaitée dans le méga menu.
Supprimer un élément de menu en supprimant le bloc associé.
Pour adapter la disposition générale du méga menu, aller à l’onglet Personnaliser de l’éditeur de site web, puis, dans la section Méga menu :
Choisir un Modèle.
Choisir la Taille : soit Pleine largeur, soit Étroit.
Pour finaliser les modifications, cliquer sur enregistrer.