Le menu est l’élément de navigation incontournable sur un site. Sauf cas très particulier, votre site contient au moins un menu principal. Voici donc comment configurer ce module en toute simplicité.
L’ordre et la hiérarchie des pages dans le module Menu dépend entièrement de l’organisation définie dans l’onglet Pages.
Vous pouvez à tout moment modifier l’ordre des pages, ainsi que leur hiérarchie pour créer des menus déroulants. Pour qu’une page devienne une sous-page, il suffit de la décaler légèrement à droite sous une autre page, comme illustré dans la vidéo ci-dessous.
Dans cet exemple, il y a trois pages principales (Tutoriel SiteW, Page 1, Page 2), et la page 1 possède deux sous-pages (Sous-page 1, Sous-page 2).
Le module Menu apparaît donc sous la forme suivante enfin de vidéo : Tutoriel - Page 1 -Page 2.
L’onglet Contenu du module Menu permet de gérer les pages, en cliquant dans le panneau de gauche sur le bouton Gérer les pages.
Cette fenêtre consiste à paramétrer :
Dans notre nouvel éditeur fonctionnant en sections, cela est encore plus simple :
Il vous suffit pour cela de :
L’onglet Design présente quelques réglages supplémentaires concernant l’organisation des pages dans le module Menu.
Si la case est cochée, la Page 1 dans l’exemple ci-dessus ne permet pas d’ouvrir la page 1. Cette rubrique permet uniquement d’ouvrir le sous-menu pour choisir parmi les deux sous-pages.
Si cette case est cochée, toutes les sous-pages sont traitées comme des pages principales dans le module Menu et apparaissent au premier niveau.
Dans la plupart des cas, le menu constitue l’élément principal pour naviguer sur votre site. Cependant, les boutons jouent également un rôle important, car ils sont souvent plus incitatifs, et peuvent pousser les visiteurs de votre site vers la page où vous souhaitez les emmener.
L’onglet Contenu du module Bouton permet de choisir un lien de destination.
Cliquer sur le bouton Choisir un lien permet d’ouvrir la fenêtre de liens. Cette fenêtre permet de choisir parmi une grande variété de destinations pour le lien du bouton réparties sur plusieurs onglets : aucun, adresse, page, article, produit, email, téléphone, document, image… Pour ce tutoriel, c’est l’onglet Page de la fenêtre de liens qui nous intéresse.
Cet onglet permet de faire un lien vers une page de votre site, en réglant trois paramètres :
Le bouton Sauvegarder et mettre à jour permet de valider le lien ainsi défini.
Notez que pour supprimer le lien affecté à un bouton, il suffit de se rendre dans l’onglet Aucun dans la fenêtre de liens.
Il est également possible d'indiquer dans votre module Menu ou dans un module Bouton un lien direct vers un module ou une partie de votre site plus bas sur la même page, avec un léger effet de scrolling automatique toujours satisfaisant.
La mise en place est très simple et rapide, et nous vous la détaillons étape après étape ci-dessous :
1. Commencer par placer ou sélectionner le module qui servira de cible à votre ancre, puis cliquez sur les trois points " ... " dans la barre d'outil du module.
2. Dans ce menu contextuel, cliquez sur Lien interne et cochez la case Ce module est une cible. Profitez-en pour nommer votre ancre, comme indiqué dans la capture ci-dessous, afin de pouvoir facilement le retrouver à l'étape suivante. Enfin, sélectionnez dans quel menu ce lien apparaitra, si vous souhaitez le mettre dans un module Menu.
3. C'est tout ! Votre ancre est désormais visible dans votre menu, et amènera directement au module défini en cible.
Le processus de mise en place reste le même dans un module Bouton, à la différence que pour ce module, vous devrez le sélectionner et cliquez sur Choisir un lien, dans le panneau de gauche.
Ensuite, cliquez sur la rubrique Page de la fenêtre et cliquez sur votre ancre, qui sera alors présent dans la liste de vos pages, comme vous pouvez le voir dans la capture ci-dessous.
Pour finir, cliquez sur Sauvegarder et mettre à jour.
En plus du module bouton, il est également possible de créer des liens dans d’autres modules : dans une partie d’un texte avec l’outil lien, sur une image, une icône, etc...
A chaque fois, vous pouvez créer tous les types de liens.
Dernière mise à jour : 07 janvier 2025