Astuce WordPress : Mettre une image dans son menu
I. Présentation
Je vais ici partager avec vous une petite astuce pour mettre rapidement et facilement une image dans son menu WordPress. Il faut pour cela disposer d'un thème WordPress avec un menu standard. Je ne sais pas si l'astuce fonctionne avec 100% des menus mais elle devrait fonctionner pour un menu et un thème standard (horizontal).
II. Mettre une image dans le menu
On va commencer par uploader notre image (dans un format assez petit car l'image n'est pas facilement réductible lors de son affichage). Je choisis par exemple l'icône d'IT-Connect en 48px * 48px. On va donc dans notre Back-office WordPress et on se rend dans "Média" puis "Ajouter" :
On upload donc notre image puis on va cliquer sur "Modifier" :
On pourra alors récupérer l'URL de notre image pour pouvoir l'afficher :
En gardant cette URL, nous allons maintenant aller dans "Apparence" "Menu" :
On va alors ajouter une simple page (peu importe son nom, il ne sera pas affiché) en la cochant puis en cliquant sur "Ajouter au menu" :
On cliquera alors sur notre nouvel ajout dans le paramétrage du menu pour ajouter notre lien dans le champ "Titre de la navigation" sous la forme HTML :
< img src="lien vers notre image" >
comme suivant :
Il nous suffit alors de sauvegarder notre menu et d'aller voir le résultat