16/12/2024

WordPress

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" :

WPMenuImage01

On upload donc notre image puis on va cliquer sur "Modifier" :

WPMenuImage02

On pourra alors récupérer l'URL de notre image pour pouvoir l'afficher :

WPMenuImage03En gardant cette URL, nous allons maintenant aller dans "Apparence" "Menu" :

WPMenuImage04

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" :

WPMenuImage05

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 :

WPMenuImage07

Il nous suffit alors de sauvegarder notre menu et d'aller voir le résultat

WPMenuImage08

 

author avatar
Mickael Dorigny Co-founder
Co-fondateur d'IT-Connect.fr. Auditeur/Pentester chez Orange Cyberdéfense.
Partagez cet article Partager sur Twitter Partager sur Facebook Partager sur Linkedin Envoyer par mail