Dans le tutoriel précédent, vous avez découvert comment organiser les pages de votre site. Cette étape importante étant franchie, il vous reste à configurer les menus et les boutons pour guider la navigation de l’internaute sur votre site. Avec des pages bien nommées et bien organisées, cette étape ne sera qu’une simple formalité !
Le module Menu
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é.
Gérer les pages
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.
Dans cet exemple, il y a quatre pages principales (Guide SiteW, Guide 1, Guide 2 et Guide 3), et la page Guide 1 possède trois sous-pages (Sous-page 1, Sous-page 2 et Sous-page 3). Le module Menu apparaît donc sous la forme suivante :
L’onglet Contenu du module Menu permet de gérer les pages.
Une partie de l’onglet Contenu du module Menu
Gérer les pages consiste à paramétrer :
Les pages listées dans le menu
Les pages du site qui affichent ce menu
Dans l’exemple ci-dessus, du fait des cases qui sont décochées :
La sous-page 3 n’apparaît plus dans le menu
Le menu n’apparaît plus sur les pages Guide 2 et Guide 3 Le module Menu apparaît sur la page Guide 1 (cochée) Le module Menu n’apparaît pas sur la page Guide 2 (décochée)
Comment choisir la page d’accueil
La page d’accueil est celle qui s’affiche lorsque l’on tape directement l’adresse du site. Il suffit de déplacer une page en première position pour qu’elle devienne la page d’accueil.
Autres réglages
Une partie de l’onglet Design du module Menu
L’onglet Design présente quelques réglages supplémentaires concernant l’organisation des pages dans le module Menu.
Pas de lien pour les pages principales avec sous-menu
Si cette case est cochée, la rubrique Guide 1 dans l’exemple ci-dessus ne permet pas d’ouvrir la page Guide 1. Cette rubrique permet uniquement d’ouvrir le sous-menu pour choisir parmi les trois sous-pages.
Ignorer la hiérarchie des 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.
Le module Bouton
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.
Appel à l’action
En webmarketing, les boutons d’appel à l’action (en anglais : CTA pour Call To Action) ont pour vocation de pousser l’internaute à interagir avec votre site selon un parcours privilégié. Les CTA sont donc des boutons très visibles et libellés avec un verbe incitant à l’action.
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 :
Titre : Texte qui s’affiche dans la bulle d’information au survol du bouton
Destination : Ouverture possible de la page dans une nouvelle fenêtre du navigateur
Page : Nom de la page du site à ouvrir lors du clic sur le bouton
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.
Les liens
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.
