Vous cherchez un moyen simple d’ajouter des icônes sociales à vos menus WordPress ? Si oui, j’ai le plugin parfait pour ce travail, Menu Image. Ce plugin permet d’ajouter facilement tout type d’icône de menu à votre site Web, ce qui inclut bien sûr les icônes sociales.

Ces icônes sont devenues une partie de presque tous les sites Web à ce stade et ce serait une erreur critique de ne pas les inclure. Aujourd’hui, je vais vous montrer comment ajouter des icônes de médias sociaux aux menus de WordPress en utilisant le plugin Menu Image.

Que sont les icônes sociales ?

Les icônes sociales sont des images associées à des plateformes de médias sociaux spécifiques. Par exemple, nous pouvons tous reconnaître Twitter par le petit oiseau bleu ou Facebook par le “f” bleu et blanc.

Ces symboles sont devenus synonymes du nom de la plateforme en question et les ajouter à vos menus peut aider à rendre leur existence claire pour les visiteurs. Ils sont également beaucoup plus élégants que le simple ajout du mot Twitter ou Facebook.

Elles peuvent également aider les visiteurs qui ne parlent pas la même langue. Après tout, l’image est la même quelle que soit la région dans laquelle vous vivez. Et les entreprises veulent que vous utilisiez les, Par exemple, Twitter a fourni gratuitement toutes ses icônes sociales aux développeurs.

On peut dire la même chose de nombreuses autres plateformes de médias sociaux. Et il existe une tonne de ressources gratuites pour trouver des icônes sociales.

Cependant, la partie la plus délicate est de les ajouter aux menus de WordPress, mais heureusement, le plugin Menu Image rend cela très facile.

Étape 1 : Installation de Menu Image

Menu Image n’a qu’une seule utilité, ajouter des images à vos menus WordPress. Les images peuvent être téléchargées dans votre bibliothèque multimédia et supportent une variété de tailles. Les plus remarquables sont les tailles de menu 24×24, 36×36 et 48×48. Celles-ci devraient convenir à la grande majorité des sites Web.

En relation  Comment ajouter des liens vers des images dans la galerie WordPress

Cependant, l’option d’utiliser la taille originale de l’image est disponible, ce qui signifie que vous pouvez les personnaliser pour les adapter aux besoins de votre site Web. Les icônes peuvent être ajoutées directement dans l’éditeur de menu de WordPress, vous devriez donc savoir exactement où les trouver.

Commençons !

Cliquez sur Plugins et sélectionnez l’option Add New dans le panneau d’administration de gauche.

Recherchez Menu Image dans le champ de recherche disponible. Vous obtiendrez des plugins supplémentaires qui pourraient vous être utiles.

Faites défiler la liste jusqu’à ce que vous trouviez le plugin Menu Image. Cliquez sur le bouton “Installer maintenant” et activez le plugin pour l’utiliser.

Lors de l’activation, vous aurez la possibilité de vous inscrire à la liste de notification des mises à jour de sécurité et de fonctionnalités du plugin. Vous pouvez choisir de vous inscrire si vous le souhaitez ou de ne pas le faire. Cela n’affectera en rien l’utilisation du plugin.

Étape 2 : Choisir la taille des images

Le plugin est livré avec trois tailles par défaut pour vos icônes de menu. Il s’agit de 24×24, 36×36, et 48×48. Ils peuvent être laissés seuls ou vous pouvez personnaliser les tailles. Ces tailles devraient convenir à la majorité des sites Web, mais cela ne fait jamais de mal d’en savoir plus, au cas où.

Dans le panneau d’administration de gauche, cliquez sur Image du menu et sélectionnez l’option Image du menu.

Pour modifier la taille des images, il suffit de modifier les valeurs dans les zones de texte respectives.

Note :Si vous avez déjà téléchargé une image après avoir modifié la taille de l’image, vous devrez soit retélécharger l’image, soit utiliser le plugin Regenerate Thumbnails pour obtenir l’image de nouvelle taille.

Cliquez sur le bouton “Enregistrer les modifications” lorsque vous avez terminé.

En relation  Comment créer une bordure pour vos images dans WordPress

Étape 3 : Choisir l’emplacement du menu

Il ne reste plus qu’à ajouter les icônes sociales à vos menus. Cela se fait directement dans l’éditeur de menu.

Note :Si vous avez déjà un menu auquel vous voulez ajouter les icônes sociales, n’hésitez pas à sauter cette étape.

Dans le panneau d’administration de gauche, cliquez sur Apparence et sélectionnez l’option Menu.

La première chose à faire est de vous assurer que vous sélectionnez le bon emplacement de menu. Les thèmes ont tous un nombre différent d’emplacements de menu disponibles. Dans mon cas, le thème Twentytwenty a 6 options de menu différentes.

Cliquez sur l’onglet Gérer les emplacements.

Vous obtiendrez ainsi tous les emplacements de menu possibles pris en charge par votre thème. Dans cet exemple, je vais sélectionner le menu horizontal du bureau, mais le processus est le même pour chacun d’eux.

Cliquez sur l’option “Utiliser un nouveau menu” sur l’emplacement de menu approprié. Vous pouvez également sélectionner un menu existant en utilisant la case déroulante correspondante.

Cela vous amènera à l’éditeur de menu et vous permettra d’en créer un nouveau.

Étape 4 : Ajout d’icônes sociales aux menus

La création d’un menu dans WordPress reste exactement la même qu’à l’origine. Ce plugin ajoute seulement une nouvelle fonctionnalité que vous pouvez trouver sous les éléments de menu actuels, qui est l’option d’ajouter des images.

Tout d’abord, vous devez nommer le menu et sélectionner l’emplacement. Une fois que vous l’avez fait, cliquez sur le bouton “Créer le menu”.

Vous pouvez ajouter l’icône de n’importe quel menu, mais dans notre cas, nous sommes intéressés par les icônes sociales. Cliquez sur l’option “Liens personnalisés”. Entrez l’URL de votre page de média social et cliquez sur le bouton “Ajouter au menu”.

Note :Vous n’avez pas besoin d’ajouter le texte du lien lors de l’ajout de l’élément de menu, mais il ajoutera automatiquement “Élément de menu” par la suite, alors assurez-vous de le modifier.

Si vous avez besoin de localiser l’icône sociale que vous voulez ajouter, prenez un moment et téléchargez-la dans votre bibliothèque multimédia. Dans ce cas, je vais utiliser les icônes officielles que vous pouvez trouver gratuitement sur Twitter.

En relation  Comment exclure des pages des menus WordPress

Cliquez sur l’élément de menu que vous venez d’ajouter et cliquez sur le bouton “Set Image”.

La bibliothèque de médias s’affiche alors. Sélectionnez l’image que vous souhaitez ajouter. Il existe également un bouton “Définir l’image au survol”. Vous pouvez ajouter une image de couleur différente qui apparaîtra lorsqu’un visiteur passera sa souris dessus, mais cette option est facultative.

Sous ces options, vous pouvez sélectionner la taille de l’image. Veillez à choisir une taille appropriée (celle de l’étape 2), sinon, l’image n’aura pas l’air correcte.

Vous pouvez maintenant modifier la position du titre (si vous en avez un) et ajouter une courte description (facultative). Vous pouvez répéter ces étapes et ajouter autant d’éléments de menu que vous le souhaitez. Cliquez sur le bouton “Enregistrer le menu” lorsque vous avez terminé.

Vous pouvez désormais afficher l’icône sociale sur vos pages en direct. Si les images ne semblent pas correctes, vérifiez le dimensionnement.

Félicitations pour avoir ajouté des icônes sociales à vos menus WordPress avec le plugin Menu Image.

Autres suggestions d’icônes

Si les icônes sociales sont devenues un standard, il convient de souligner que vous pouvez ajouter à vos menus une variété d’autres icônes qui ne sont pas liées aux médias sociaux. Cela peut aider les visiteurs malvoyants à trouver ce qu’ils recherchent.

Par exemple, vous pouvez placer une maison réelle à côté de l’élément de menu Accueil, ou un chariot réel à côté de l’élément de menu Panier. Ces petites icônes sont très élégantes et donnent à vos menus le style dont ils ont besoin pour se démarquer.

Rendre votre site Web plus accessible et plus attrayant est une solution gagnante pour tous les sites Web, alors commencez dès aujourd’hui.

Quelles icônes sociales avez-vous ajoutées à votre menu WordPress ? Le plugin Menu Image était-il facile à utiliser ? Avez-vous envisagé d’autres icônes sur le menu ?