Éditeur Wix Harmony : Ajouter et gérer des menus

1. Choisissez le type de menu souhaité et faites-le glisser sur votre page - menu horizontal, menu vertical ou menu latéral.
2. Cliquez sur le nouveau menu du site.
3. Cliquez sur Gérer le menu dans la barre d’actions.
4. Configurez votre menu :
   • Cliquez sur + Ajouter un élément pour ajouter d’autres pages ou liens du site.
   • Cliquez sur l’icône Autres actions à côté d’un élément de menu pour le renommer ou le retirer.
   • Maintenez l’élément de menu enfoncé et faites-le glisser pour réorganiser la liste.

1. Cliquez sur Créer un menu personnalisé pour l’ajouter à la page.
2. (Facultatif) Modifiez la mise en page de votre menu :
   1. Cliquez sur le nouveau menu personnalisé.
   2. Cliquez sur Modifier le format dans la barre d’actions pour définir la mise en page de votre menu.
   3. Choisissez l’option pertinente sous Menu :
      • Barre de menu : Les éléments du menu sont affichés dans une barre de navigation. Sous Orientation, choisissez si la barre est horizontale ou verticale.
        Astuce : Pour les menus horizontaux, vous pouvez aussi choisir le comportement des éléments lorsqu’il n’y a pas assez de place pour les éléments sur l’écran de votre visiteur — soit laisser le menu s’ajuster (Ajuster au texte), soit ajouter un bouton pour faire défiler les éléments supplémentaires (Ajuster au défilement).
      • Menu latéral : Les visiteurs voient une icône sur laquelle ils cliquent pour ouvrir le menu. C’est une bonne option pour les mises en page épurées et minimalistes.

1. Survolez le lien concerné et cliquez sur l’icône Autres actions .
2. Cliquez sur Modifier le lien.
3. Modifiez le type de lien et/ou ses détails.
4. Cliquez sur Terminé.
   
   

1. Survolez l'élément approprié et cliquez sur l'icône Autres actions .
2. Cliquez sur Renommer.
3. Saisissez le nouveau nom.
4. Appuyez sur la touche Entrée de votre clavier pour enregistrer vos modifications.
   
   

1. Survolez l’élément concerné et cliquez sur l’icône Autres actions .
2. Cliquez sur Retirer du menu.
   Remarque : Si vous supprimez une liste déroulante, toutes les pages que vous y avez ajoutées sont retirées du menu. Vous pouvez toutefois les rajouter à tout moment selon vos besoins.
   
   

• Couleurs de remplissage : Modifiez la couleur de votre menu en choisissant une couleur de votre marque ou une couleur personnalisée.
• Bordures : Définissez les bordures de votre menu pour qu'il se démarque, en choisissant une couleur, une largeur et un style. Cliquez sur l'icône Modifier les bordures individuelles   pour concevoir chaque côté de la bordure.
• Texte  : Concevez les éléments du menu en modifiant la police, la couleur, la mise en forme, l'alignement, l'espacement des caractères et plus encore.
• Angles : Rendez les angles de votre menu plus carrés ou plus arrondis en déplaçant le curseur sous Rayon. Cliquez sur l'icône Modifier les angles individuels  pour concevoir chaque angle séparément.
• Ombre : Appliquez une ombre intérieure et extérieure pour donner au menu un effet 3D intéressant, en définissant la position, le flou, la couleur et plus encore.
• Espacement : Ajoutez de l'espace autour de votre contenu : ajoutez une marge intérieure et ajustez l'espacement entre les éléments.
• Mise en page : Décidez s'il faut appliquer ou non le sens du site (de gauche à droite ou de droite à gauche) à ce menu. Pour les menus verticaux, vous pouvez aussi choisir la largeur des éléments du menu et si les listes déroulantes apparaissent ouvertes ou fermées.

• Couleurs de remplissage : Modifiez la couleur de votre liste déroulante en choisissant une couleur de votre marque ou une couleur personnalisée.
• Bordures : Définissez les bordures de votre liste déroulante pour qu'elle se démarque, en choisissant une couleur, une largeur et un style. Cliquez sur l'icône Modifier les bordures individuelles   pour concevoir chaque côté de la bordure.
• Texte  : Concevez les éléments de la liste déroulante en modifiant la police, la couleur, la mise en forme, l'alignement, l'espacement des caractères et plus encore.
• Angles : Rendez les angles de votre liste déroulante plus carrés ou plus arrondis en déplaçant le curseur sous Rayon. Cliquez sur l'icône Modifier les angles individuels  pour concevoir chaque angle séparément.
• Ombre : Appliquez une ombre intérieure et extérieure pour donner à la liste déroulante un effet 3D intéressant, en définissant la position, le flou, la couleur et plus encore.
• Espacement : Ajoutez de l'espace autour de votre contenu en ajoutant une marge intérieure et en ajustant l'espace au-dessus de la liste déroulante et entre les éléments.
• Mise en page : Choisissez l'alignement, la largeur et la position de la liste déroulante et de ses éléments. Décidez du nombre de colonnes que la liste déroulante doit afficher.

Pour le moment, il n’est pas possible de personnaliser le Design lorsque les visiteurs cliquent sur le menu ou le survolent. Le soulignement qui apparaît lorsque les visiteurs survolent les éléments du menu fait partie du Design intégré du menu et ne peut pas être modifié ni retiré.

Si vous avez besoin de plus de contrôle sur le Design de votre navigation, vous pouvez recréer le menu à l’aide d’éléments de texte ou de bouton et ajouter des liens à chacun d’eux manuellement.