Image et titre de menu WordPress

 

Le but de cette petite astuce est de pouvoir remplacer le titre d’une page intégrée au menu par une image.
J’explique cette astuce sur ce site afin de remplacer le titre de la page d’accueil par le logo suivant: accueil

 

Comment faire ?

On va tout d’abord envoyer notre image dans le back office de WordPress mais, au préalable il faut que l’image ne soit pas trop grande pour qu’elle s’intègre bien au menu.

Je vous conseille de la mettre en 48px * 48px ou en 32px * 32px en fonction de la taille de police de caractère de votre menu.

Pour ma part sur ce site elle est en 48px * 48px : c’est à vous de voir.

Pour envoyer l’image dans le menu de gauche du back office vous choisissez  « Médias » puis « Ajouter »: medias

 

On récupère « l’adresse web » (URL) de notre image en faisant un copier de l’adresse entière: adresse

 

 

Une fois l’adresse copiée, nous allons aller dans le menu « Apparence » puis « Menu » du back office : apparence

 

Dans le menu on va choisir la page où on souhaite modifier le titre.

Dans mon cas, c’est la page d’accueil et nous allons ensuite remplacer le titre dans le « champ titre de la navigation » sous la forme HTML suivante:

Ce qui vous donnera :

menu

Une fois cette opération effectuer, vous devez sauvegarder votre menu et vous pouvez ensuite aller voir le résultat.

 

À propos de OLIVE Lionel

Passionné d'informatique et spécialisé dans le Webmastering avec Wordpress. Je crée des sites dynamiques grâce a des solutions open sources et des logiciels libres.

Laisser moi un commentaire