Éditeur Wix : Créer un menu barre latérale
Temps de lecture : 4 min
Utilisez l'élément Fenêtre pour créer un superbe menu de barre latérale!
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/09/19/c437bea9-4d22-4d97-b701-a1597542ee96.gif)
Pour créer un menu barre latérale:
- Supprimez votre menu existant de votre site.
- Cliquez sur Ajouter des éléments
sur le côté gauche de l'Éditeur.
- Cliquez sur Interactif.
- Sélectionnez une fenêtre promotionnelle avec une barre latérale prédéfinie, telle que celle illustrée ci-dessous :
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/11/04/9c5ad614-3bce-46ca-b0b0-27d6b4aac996/8d8a7663-086d-4e02-a8dd-cf9f8098840f.png)
- Cliquez sur la fenêtre et cliquez sur l'icône Paramètres
.
- Renommez votre fenêtre promotionnelle en quelque chose de reconnaissable tel que "menu de la barre latérale".
- Sélectionner Non sous Afficher automatiquement la fenêtre.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/c2e2a6b6-25ef-4238-9c5c-78acea30d522/b291299f-2871-4a35-b8df-cf999d0753ed.png)
- Supprimez tous les éléments à l'intérieur de la fenêtre. Ne supprimez pas l'icône « X ».
- Ajouter un menu vertical à la fenêtre promotionnelle.
- Concevoir votre menu. Nous recommandons que les polices de votre menu soient grandes et centrées.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/0b031afd-bda3-4122-ad79-b0bd3bf0db2e/1c8d490f-a637-48cf-9bdb-b8d9653a9462.png)
Suggestion :
Personnaliser l'arrière-plan de la fenêtre promotionnelle et la superposition pour correspondre à votre site. Vous pouvez même rendre les arrière-plans légèrement transparents pour un effet vraiment cool.
- Cliquez sur Menus et pages
sur le côté gauche de l'Éditeur et sélectionnez la page sur laquelle vous souhaitez placer le bouton de menu.
- Ajoutez une forme pour le bouton du menu:
- Cliquez sur Ajouter des éléments
sur le côté gauche de l'Éditeur.
- Cliquez sur Éléments décoratifs.
- Cliquez sur l'onglet Formes de base.
- Cliquez sur Formes basiques puis sur Davantage de formes basiques.
- Saisissez "menu" dans la barre de recherche et appuyez sur Entrée .
- Sélectionnez un design de menu et cliquez sur Ajouter à la page .
- Cliquez sur le design icône
pour concevoir le bouton de votre menu.
- Cliquez sur Ajouter des éléments
Suggestion :
Vous pouvez également créer votre propre bouton de menu. Il peut s'agir d'un bouton de texte, d'un bouton d'icône ou d'une forme différente. Voir quelques exemples ci-dessous:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/c4caa6b0-307c-448e-9c97-684e3c86b6e0.png)
- Placez le bouton du menu bien en vue sur votre site. Cela peut se trouver dans l'en-tête ou utiliser l'option Épingler à l'écran pour l'épingler en haut de votre site. Si votre bouton de menu n'est pas placé dans l'en-tête, assurez-vous de le configurer pour qu'il s'affiche sur toutes les pages.
- Cliquez sur le bouton du menu et cliquez sur l'icône Lien
. Sélectionnez Fenêtre promotionnelle, choisissez votre fenêtre promotionnelle dans le menu déroulant et cliquez sur OK .
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/0d1f0cc1-9b41-4a40-9b9d-023700bc549a/d19571df-ca4d-4630-b42c-ca9e3cf39a48.png)
- Aperçu de votre site pour voir votre menu fenêtre en action!
- Accéder à votre Éditeur mobile.
- Cliquez sur le bouton de menu qui est lié à votre fenêtre et cliquez sur l'icône Masquer
.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/78075359-0156-44f9-98ef-4410a677f53f/4cb87f69-fe10-41fd-8cab-d0eb3700ddc7.png)
Important :
Assurez-vous que votre menu fenêtre n'est accessible à partir d'aucun bouton ou lien sur votre site mobile. Vous devez utiliser le menu mobile, qui possède également une barre latérale prédéfinie.
Cela vous a-t-il aidé ?
|