Création site Web 100% Gratuit

Chez nous, vous ne payez que nos abonnements de maintenance, la création de votre site est offerte.
*Offre valable jusqu’à fin novembre 2022

Comment ajouter des icônes dans le menu de votre site WordPress

Sep 13, 2022

article de blog

Ajouter des icônes au menu de votre site WordPress avec des plugins

Il existe différents outils pour insérer des icônes dans votre menu WordPress et je vous présente maintenant les meilleurs plugins gratuits et faciles à utiliser.

1. Menu image

Le premier plugin que je présente s’appelle Menu Image et vous permet non seulement d’ajouter une image au menu, mais aussi d’insérer une deuxième image qui apparaîtra lorsque vous passerez le curseur de la souris sur la première image.
Lorsque vous installez le plugin, allez dans Images du menu pour les paramètres de vos icônes.
Vous avez la possibilité d’entrer 3 tailles différentes, qui seront appliquées à trois menus.
Naviguez maintenant dans Apparence > Menu et sélectionnez l’élément de menu auquel vous souhaitez ajouter l’icône.
Le bouton Image du menu apparaît, ce qui ouvre une fenêtre permettant de sélectionner des icônes.
Ici, dans l’onglet Image et Icône, choisissez d’utiliser une icône ou une image.
Ensuite, avec Définir l’image, vous sélectionnez l’image principale, et avec Définir l’image au survol, vous sélectionnez l’image qui apparaîtra au survol.

Définissez la taille de l’icône, puis décidez comment afficher le texte : vous pouvez le masquer ou le placer au-dessus, au-dessous, avant ou après l’image.
Il y a deux autres onglets dans cette fenêtre, Buttons et Badges&Bulles.
Il s’agit de fonctionnalités disponibles dans la version Pro, qui vous permettent de créer des boutons et des badges.
Ils sont très intéressants et rendront vos appels à l’action plus efficaces.

2. WP Menu Icons

Voyons maintenant comment ajouter des icônes personnalisées à votre menu avec
Activez le plugin et allez dans Apparence > Menu et sélectionnez le type d’icônes que vous souhaitez utiliser.
Un symbole « + » apparaît à côté de chaque élément du menu.
Cliquez dessus pour choisir l’icône que vous voulez et définir si l’étiquette doit être cachée, la position de l’icône, sa taille et sa couleur.

Sauvegardez et testez votre menu.
Comme vous pouvez le constater, WP Menu Icons est un outil très simple et facile à utiliser, qui vous permet d’insérer des icônes personnalisées dans votre menu.

Insertion d’icônes dans le menu avec CSS

Il est possible d’ajouter des icônes dans le menu de WordPress en utilisant simplement les CSS, et donc sans avoir à installer de plugins.
Cette solution est un peu plus longue et complexe, mais elle vous donnera un contrôle total sur la personnalisation de votre menu et n’est pas difficile si vous avez des connaissances de base en CSS .
Tout d’abord, chargez les icônes dans la médiathèque.
Allez ensuite à la section pour l’insertion de CSS personnalisés dans votre site web, puis vous pouvez utiliser la zone de votre thème ou éditer le fichier style.css (du thème enfant, attention !).
Enfin, ajoutez votre propre code, en utilisant une classe comme celle-ci :
.mon_icône {
background-image : url(‘http://www.esempio.it/wp-content/uploads/2021/04/home.png’) ;
background-repeat : no-repeat
background-position : left ;
padding-left : 5px ;
}

Vous devez maintenant ajouter cette classe au menu.
Allez dans Apparence > Menu et assurez-vous que la case Classes CSS est activée sous Paramètres d’écran .

Cela vous permettra d’afficher l’élément Classes CSS dans chaque élément de votre menu, puis d’appliquer le style que vous avez créé.
Conclusion

Ce que nous avons couvert

Aujourd’hui, nous avons examiné trois solutions utiles pour ajouter des icônes dans le menu de votre site WordPress.
Si vous envisagez d’ajouter ce détail à votre site, n’hésitez plus.
L’utilisation de ces outils ne prendra que quelques minutes.
Vous pouvez ensuite compléter la personnalisation de votre menu en ajoutant des en-têtes non cliquables : lisez le guide !
Avez-vous déjà pensé à ajouter des icônes au menu de votre site WordPress ?
Avez-vous déjà essayé ces outils ?
Parlons-en dans les commentaires !

29 des meilleurs outils SEO pour auditer et surveiller votre site Web en 2022

L’objectif du marketing est de générer du trafic et des prospects qualifiés via le site Web de l’entreprise. C’est pourquoi, en tant que spécialistes du marketing, nous devons comprendre exactement ce que nous pouvons …

Besoin de plus de visiteurs sur votre site Web ? Revenez à l’essentiel

Lorsque vous entendez le terme « SEO » ou « optimisation pour les moteurs de recherche », pour qui pensez-vous que cela implique que vous devriez optimiser votre site ? Eh bien, je vais vous donner un indice : ce n’est pas pour les moteurs …

Demander l’indexation Google pour être trouvé plus rapidement

Lors de l’indexation, les moteurs de recherche comme Google enregistrent les pages web dans leur répertoire. Seul ce qui se trouve dans ce répertoire est affiché aux utilisateurs dans dans la recherche Google. …

Votre site 100% Gratuit

Profitez de votre création de site gratuite 👍
* Offre limitée jusqu’à fin Novembre

Vous souhaitez poster un commentaire ?

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *