Éditeur Wix Harmony : Ajouter et gérer les menus
16 min
Dans cet article
- Ajouter un menu
- Ajouter et gérer des éléments de menu
- Ajouter des listes déroulantes à votre menu
- Modifier la mise en page du menu
- Concevoir le design de menus verticaux et horizontals
- Travailler avec des menus sur mobile
- FAQ
Cet article fait référence au nouvel Éditeur Wix Harmony, publié en janvier 2026. Si vous ne savez pas si vous utilisez l'Éditeur Wix Harmony ou l'Éditeur Wix, consultez plus d'informations ici.
Les menus permettent aux visiteurs d'explorer votre site et de découvrir ce que vous proposez. Sélectionnez les pages et les liens qui vous intéressent le plus. Vous décidez de l'apparence et du fonctionnement de votre menu, afin que la navigation soit toujours naturelle, quel que soit l'appareil que vos visiteurs utilisent.

Ajouter un menu
Les menus aident les visiteurs à se déplacer entre les pages de votre site. Dans la catégorie Menu du panneau Ajouter des éléments, les options Horizontal, Vertical et latérale ajoutent toutes un menu de site qui est connecté aux pages de votre site (c'est-à-dire les nouvelles pages apparaissent automatiquement dans ce menu).
Vous pouvez également ajouter un menu personnalisé distinct pour des zones spécifiques et choisir s'il apparaît sous forme de menu horizontal, vertical ou latéral. Par exemple, créez un menu personnalisé pour le pied de page de votre site ou pour une page spécifique qui a besoin de sa propre navigation.
Pour ajouter un menu :
- Accédez à votre Éditeur.
- Cliquez sur + Ajouter en haut à gauche de l'Éditeur.
- Sélectionnez la catégorie Menu .
Suggestion : Cliquez sur l'icône Flèche
à côté des catégories pour parcourir la liste. - Selon le type de menu que vous souhaitez ajouter, suivez les étapes ci-dessous :
Menu du site
Menu personnalisé
Le saviez-vous ?
Si vous ajoutez une barre de menu à votre en-tête, elle devient automatiquement un menu latéral sur mobile. Cela permet de garder la navigation sur votre site propre et rangée sur les écrans plus petits.

Ajouter et gérer des éléments de menu
Une fois que vous avez ajouté le menu, sélectionnez les éléments que vous souhaitez afficher. Sélectionnez des pages de site ordinaires, des collections de pages d'applications et de CMS, ou des pages spécifiques au sein d'une collection. Vous pouvez également ajouter des conteneurs et des liens pour personnaliser l'expérience en fonction des besoins de vos clients.
Vous pouvez toujours ajuster un menu existant et les éléments qu'il affiche. Ajoutez plus d'éléments, supprimez ceux qui ne sont pas pertinents ou modifiez l'ordre pour que le contenu reste pertinent.
Pour gérer un menu :
- Accédez à votre Éditeur.
- Cliquez sur le menu.
- Cliquez sur Gérer le menu.
- Choisissez ce que vous voulez faire ensuite :
Ajouter plus d'éléments de menu
Modifier le lien d'un élément de menu
Renommer un élément de menu
Supprimer un élément du menu
Réorganiser les éléments du menu

Ajouter des listes déroulantes à votre menu
Utilisez des menus déroulants pour regrouper les pages connexes sous un seul élément de menu et garder votre navigation facile à scanner. Sélectionnez un élément parent, qu'il s'agisse d'une page ou d'un lien, et intégrez d'autres pages sous cet élément pour créer le menu déroulant.
Pour ajouter et configurer un menu déroulant :
- Accédez à votre Éditeur.
- Cliquez sur le menu.
- Cliquez sur Gérer le menu.
- Décidez quel élément de menu doit être le titre du menu déroulant.
- Déplacez le premier élément du menu vers le menu déroulant :
- Faites glisser l'élément de menu correspondant sous le titre du menu déroulant.
- Survolez l'élément que vous avez fait glisser et cliquez sur l'icône Plus d'actions
. - Sélectionnez Déplacer sous « Nom de la page ».
- Répétez l'étape 5 pour tous les autres éléments que vous souhaitez déplacer vers le menu déroulant.

Faites glisser votre souris plutôt :

Vous voulez un moyen plus rapide de transformer les pages en éléments de liste déroulante ? Faites glisser une page vers le haut ou vers le bas, puis légèrement vers la droite jusqu'à ce qu'elle « religne » sous une autre page. Le GIF ci-dessous montre à quoi cela devrait ressembler.

Modifier la mise en page du menu
Une mise en page claire du menu aide les visiteurs à voir rapidement où aller ensuite. Sélectionnez une barre de menu lorsque vous souhaitez que tous vos éléments soient visibles sur une ligne ou une colonne, avec un contrôle supplémentaire sur ce qui se passe lorsqu'un menu horizontal manque d'espace. Si vous préférez une icône compacte pour ouvrir votre navigation, choisissez un menu latéral - idéal pour les mises en page claires et minimales ou lorsque l'espace est limité.
Pour modifier la mise en page du menu :
- Accédez à votre Éditeur.
- Cliquez sur le menu.
- Cliquez sur Modifier le format dans la barre d'action.
- Choisissez l'option correspondante 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.
Suggestion : Pour les menus horizontal, vous pouvez également choisir le comportement de l'élément lorsqu'il n'y a pas assez de place pour les éléments sur l'écran de votre visiteur - laissez le menu se développer (Ajuster au texte) ou ajoutez un bouton pour faire défiler les éléments supplémentaires (Ajuster pour faire défiler). - Menu latéral: Les visiteurs voient une icône sur laquelle ils cliquent pour ouvrir le menu. C'est une excellente option pour les mises en page claires et minimalistes.
- 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.

Concevoir le design de menus verticaux et horizontals
Mettez en avant vos menus en personnalisant chaque détail, des couleurs et des bordures au texte, aux angles et à la mise en page. Que votre menu soit horizontal ou vertical, vous pouvez contrôler l'apparence de la barre de menu et de ses éléments, concevoir des listes déroulantes et ajuster l'espacement afin que tout soit parfait pour vos visiteurs.
Vous personnalisez le design d'un menu latéral ?
Lisez notre article sur les menus latéraux pour en savoir plus. Vous pouvez personnaliser le design de chaque élément, du bouton au conteneur.
Pour concevoir un menu vertical ou horizontal :
- Accédez à votre Éditeur.
- Cliquez sur le menu.
- Cliquez sur l'icône Toutes les options de design
dans la barre d'action. - Sélectionnez la partie correspondante du menu sous Choisir une partie de la barre de menu.
Barre de menu et éléments du menu
Listes déroulantes et éléments déroulants

Travailler avec des menus sur mobile
Lorsque vous consultez votre site sur un téléphone, votre en-tête se transforme pour créer une expérience fluide et sans encombrement. Éléments sur l'en-tête de votre ordinateur (ex. liens de navigation, icônes de réseaux sociaux) se déplacent dans un menu latéral compact, ne laisse que les éléments essentiels en haut. Vous pouvez déplacer des éléments dans le menu mobile ou les supprimer si nécessaire.
Pour ajuster le menu d'en-tête sur mobile :
- Accédez à votre Éditeur.
- Cliquez sur l'icône Mobile
en haut à droite de la page. - Cliquez sur l'icône du menu latéral.
- Cliquez sur le menu déroulant Mode normal et sélectionnez Menu latéral.

- Choisissez ce que vous voulez faire ensuite :
- Repositionner les éléments dans le conteneur : Faites glisser les éléments pour les déplacer dans le conteneur du menu latéral.
- Ajouter des éléments au conteneur : Utilisez le panneau Ajouter des éléments pour ajouter plus d'éléments au conteneur du menu latéral. Ces éléments sont disponibles sur mobile uniquement, ce qui signifie qu'ils n'apparaissent pas sur ordinateur.
- Déplacer un élément vers l'en-tête : Cliquez avec le bouton droit de votre souris sur l'élément et sélectionnez Déplacer vers l'en-tête.

FAQ
Cliquez sur une question ci-dessous pour en savoir plus.
Puis-je redimensionner la barre de menu ?
Puis-je ajouter plusieurs menus à l'en-tête ?
Le fait de supprimer une page du menu la supprime-t-il de mon site ?
Dois-je afficher toutes les pages de mon site dans le menu ?


à côté d'un élément de menu pour le renommer ou le supprimer. 




à côté d'un élément et faites-le glisser à la position souhaitée.
: Modifiez la couleur de votre menu, en choisissant l'une des couleurs de votre marque ou une couleur personnalisée.
: 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 personnaliser le design de chaque côté de la bordure.
: Personnalisez le design des éléments du menu en modifiant la police, la couleur, la mise en forme, l'alignement, l'espacement des caractères, etc.
: Rendez les angles de votre menu plus carrés ou plus ronds en faisant glisser le curseur sous Rayon. Cliquez sur l'icône Modifier les angles individuels
: Appliquez des ombres internes et externes pour donner à l'élément un effet 3D intéressant, en configurant la position, le flou, la couleur, etc.
: Ajoutez de l'air à votre contenu – ajoutez une marge intérieure et ajustez l'espacement entre les éléments.
: Décidez si vous souhaitez appliquer ou non la direction du site (de gauche à droite ou de droite à gauche) à ce menu. Pour les menus verticaux, vous pouvez également choisir la largeur des éléments du menu et si les menus déroulants apparaissent comme ouverts ou fermés.