Bouton dans un menu

Nous allons insérer un bouton de navigation dans notre menu. Il redirigera vers la page d’accueil.
Dessiner le bouton, ou télécharger une image aux dimensions de la hauteur du menu. Pour trouver ces dimensions, un screen du menu et un logiciel de création, du style Photoshop ou Gimp fera l’affaire.
Autre méthode, peut être moins compliqué, tout dépend de votre faculté à utiliser les logiciels, est d’utiliser l’outil d’examination des éléments. Sous Mozilla par exemple, placez la souris sur le menu puis clic droit et “Examiner”. Cherchez dans dans la fenêtre de gauche une ligne du nom de NAV ID ACCESS ROLE NAVIGATION et placez vous dessus. Les dimensions apparaissent…
menu2
43 pixels de hauteur, je peux créer un bouton au dimension de mon menu. Une fois réalisé, importez-le dans la bibliothèque de média. Cliquez dessus afin de faire apparaître ses paramètres. Copiez l’adresse web.
menu3
Dirigez-vous “Apparence/Menu”. Dans la liste de gauche vous avez toutes vos pages. Plus bas ce trouve “Liens personnalisés”. Déroulez et mettez l’adresse de votre site (ou autre). Le titre du lien n’a pas de grande importance. Validez avec “Ajouter au menu”.
menu4
Dans la structure du menu se trouve maintenant votre lien personnalisé. Dans la case “Titre de la navigation”, il faut coller l’adresse web de notre bouton/image. Toutefois il lui faut ajouter une balise <img>.
Cela donne :
btn_menu
menu6
Enregistrez le menu. Et voilà le résultat:
menu1