Comment ajouter des icônes de réseaux sociaux aux menus de WordPress (méthode facile)

Vous cherchez un moyen d’ajouter des icônes de réseaux sociaux dans les menus de WordPress ?

Les logos de sites tels que Facebook et Twitter sont instantanément reconnus par les internautes du monde entier. En ajoutant ces icônes à vos menus, vous pouvez promouvoir vos profils de réseaux sociaux d’une manière accrocheuse et peu encombrante.

Dans cet article, nous allons vous afficher comment ajouter des icônes de réseaux sociaux aux menus de navigation de WordPress.

Pourquoi ajouter des icônes de réseaux sociaux aux menus de WordPress ?

En ajoutant des icônes de réseaux sociaux à votre site, vous pouvez encourager les gens à visiter vos différents comptes de médias sociaux. Cela peut vous permettre d’obtenir plus d’abonnés et d’engagement sur Facebook, Twitter, Instagram, et plus encore.

L’une des facultés consiste à ajouter des icônes de réseaux sociaux dans votre colonne latérale WordPress ou dans une zone similaire prête à accueillir des widgets. Cependant, lorsque les gens veulent visiter une nouvelle page, ils regardent généralement votre menu de navigation en premier.

En ajoutant des icônes de médias sociaux à vos menus WordPress, vous pouvez souvent obtenir plus de publicités, d’engagement et d’abonnés sur tous vos profils de médias sociaux.

Les icônes de réseaux sociaux peuvent également attirer l’attention de l’internaute sans ajouter de texte supplémentaire à vos menus. Cela vous autorise à promouvoir un grand nombre de profils différents dans un espace réduit.

Ceci étant dit, jetons un coup d’œil à 2 façons conviviales pour les débutants d’ajouter des icônes de réseaux sociaux aux menus de WordPress.

Tutoriel vidéo

Si vous préférez les instructions écrites, continuez à lire. Il vous suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Méthode 1 : Utilisation de l’extension Menu Image (recommandée)

La façon la plus simple d’ajouter des icônes de réseaux sociaux aux menus de WordPress est d’utiliser Menu Image. Cette extension gratuite vous permet d’ajouter des icônes d’images à vos menus de navigation, y compris des icônes sociales.

Lors de la création de vos icônes sociales, vous pouvez utiliser n’importe quelle image que vous avez téléversée dans la médiathèque de WordPress.

Par exemple, de nombreuses entreprises de réseaux sociaux de premier plan fournissent des logos que vous pouvez utiliser sur votre site, comme la boîte à outils de la marque Twitter. Vous pouvez également télécharger des icônes à partir de bibliothèques en ligne comme le site Font Awesome.

Menu Image s’intègre également à l’extension Font Awesome. Cela vous permet de parcourir et d’importer toutes les icônes Font Awesome directement depuis le tableau de bord de WordPress, y compris les icônes des principaux réseaux sociaux.

Nous vous recommandons d’installer d’abord l’extension Font Awesome avant de poursuivre le tutoriel. Pour des instructions détaillées sur la façon de configurer Font Awesome, veuillez consulter notre guide sur la façon d’ajouter facilement des polices d’icônes à votre thème WordPress.

Aucun de la façon dont vous offrez les icônes de réseaux sociaux, vous aurez besoin d’installer et d’activer le plugin Menu Image. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Après l’activation, vous pouvez jeter un coup d’œil aux tailles des icônes et les modifier si nécessaire. Pour ce faire, vous devez vous rendre dans Menu Image  » Menu Image.

Lors de la création de vos icônes sociales, vous pouvez utiliser l’une des tailles d’image par défaut de WordPress, telles que la miniature, l’image ou la grande. Menu Image vous permet également de choisir entre trois tailles uniques qui sont définies à 24×24, 36×36 et 48×48 pixels par défaut.

Ces tailles devraient convenir à la plupart des sites WordPress, mais vous pouvez les modifier en saisissant des nombres différents dans les champs « 1st, 2nd, or 3rd Menu Image ».

Une fois cela fait, cliquez sur « Enregistrer les modifications » pour stocker vos réglages.

Pour ajouter des icônes à un menu de navigation, rendez-vous dans Apparence  » Menus. Par défaut, WordPress affiche le menu principal de votre site.

Si vous souhaitez ajouter des icônes de réseaux sociaux à un autre Emplacement de menu, il vous suffit d’ouvrir le menu déroulant  » Sélectionner un menu à modifier « .

Vous pouvez ensuite choisir un menu dans la liste et cliquer sur « Sélectionné ».

Pour savoir étape par étape comment créer un nouveau menu, veuillez consulter notre guide sur l’ajout d’un menu de navigation dans WordPress.

Pour commencer, vous devrez ajouter chaque profil social à votre menu sous la forme d’un nouveau lien.

Lorsque vous êtes prêt, cliquez pour déplier la section  » Liens personnalisés « , puis saisissez l’adresse de la page du réseau social que vous souhaitez utiliser. Par exemple, vous pouvez saisir l’URL de votre groupe Facebook ou de votre chaîne YouTube.

Vous devrez également saisir un « texte de lien ». Dans une étape par étape ultérieure, vous aurez l’option de modifier l’endroit où ce titre apparaît dans le menu ou même de le masquer complètement.

Cliquez ensuite sur « Ajouter au menu ».

Cet article apparaît désormais dans la colonne de droite.

Pour ajouter une icône de réseau social, il suffit de survoler le nouvel élément de menu.

Cliquez ensuite sur le bouton « Image du menu » lorsqu’il apparaît.

Vous pouvez maintenant décider d’utiliser une image de votre médiathèque WordPress ou une icône fournie par Font Awesome.

Pour utiliser une icône Font Awesome prête à l’emploi, cliquez sur le bouton radio situé à côté de  » Icône « .

Sélectionnez ensuite « Fontawesome ».

Vous pouvez ensuite cliquer sur « Marques ».

Vous verrez maintenant toutes les icônes de marque, y compris les icônes des principaux réseaux sociaux, de Facebook à LinkedIn. Lorsque vous voyez l’image que vous souhaitez utiliser, il vous suffit de cliquer dessus.

Une autre option consiste à utiliser votre propre icône à partir de la médiathèque de WordPress en sélectionnant le bouton radio « Image ». Cliquez ensuite sur le lien « Définir l’image ».

Vous pouvez maintenant choisir une image dans la médiathèque de WordPress ou téléverser un nouveau fichier depuis votre ordinateur.

Quel que soit l’endroit d’où provient l’icône, Menu Image affichera une prévisualisation à droite.

Vous pouvez désormais modifier l’affichage du titre du lien au-dessus, au-dessous, avant ou après l’icône du réseau social à l’aide des Réglages de la « Position du titre ».

De nombreuses icônes de réseaux sociaux sont instantanément reconnaissables, de sorte que le titre du lien peut être inutile. Si vous ajoutez beaucoup d’icônes sociales à un menu de navigation, les titres peuvent même donner à votre menu un aspect plus désordonné et compliqué.

Ceci étant dit, vous pouvez masquer le titre en sélectionnant le bouton radio « Masquer ».

Au fur et à mesure que vous apportez des modifications, la Prévisualisation directe se met à jour automatiquement, ce qui vous permet d’essayer différents Réglages pour voir ce qui vous convient le mieux.

Enfin, si vous utilisez votre propre image, vous pouvez redimmensionner les icônes de réseaux sociaux à l’aide du menu déroulant « Taille de l’image ».

Des icônes plus grandes attireront l’attention de l’internaute, mais elles peuvent aussi le distraire. En gardant cela à l’esprit, vous pouvez essayer différentes tailles pour voir ce qui fonctionne le mieux sur votre blog WordPress.

Lorsque vous êtes satisfait de la façon dont l’icône de réseau social est définie, il vous suffit de cliquer sur « Enregistrer les modifications ».

Il suffit de répéter ces étapes pour ajouter d’autres icônes à votre menu WordPress.

Vous pouvez même ajouter des icônes à d’autres éléments importants du menu de navigation. Par exemple, vous pouvez ajouter des icônes à votre formulaire de contact ou à la page de paiement de WooCommerce.

Lorsque vous êtes satisfait de la façon dont le menu est configuré, cliquez sur « Enregistrer le menu ».

Désormais, vous pouvez visiter votre site pour voir les nouvelles icônes de réseaux sociaux en action.

Voici à quoi cela ressemble sur notre site de démonstration.

Méthode 2 : Utilisation de l’éditeur de blocs (thèmes uniquement)

WordPress dispose d’un bloc d’icônes sociales intégré qui vous permet de créer un menu contenant des icônes de réseaux sociaux, puis de les afficher dans une belle mise en page.

Ce bloc est livré avec des icônes intégrées pour tous les principaux réseaux sociaux, de sorte que vous n’avez pas besoin d’installer un plugin comme Font Awesome ou de téléverser des icônes dans votre médiathèque.

Cependant, vous pouvez uniquement ajouter des icônes de réseaux sociaux et des liens au bloc Icônes sociales, il n’est donc pas aussi flexible que l’extension Image de menu.

Si vous utilisez un thème à blocs, vous pouvez ajouter un bloc d’icônes sociales à n’importe quelle partie de votre site, comme l’en-tête ou le pied de page. De cette manière, vous pouvez afficher un menu de réseaux sociaux sur l’ensemble de votre site.

Pour Premiers, allez dans Apparence  » Éditeur dans le Tableau de bord WordPress.

À partir de là, vous verrez quelques menus permettant de personnaliser le design de votre thème de bloc.

Pour ajouter des icônes de réseaux sociaux à votre menu, cliquez sur « Navigation ».

L’étape suivante consiste à cliquer sur l’icône « Modifier ».

Ceci ouvrira l’éditeur/éditrices WordPress.

En-tête terminé, vous pourrez maintenant modifier votre menu de navigation, qui fait partie de votre modèle d’en-tête WordPress.

Pour commencer, cliquez sur l’icône bleue  » +  » dans le coin supérieur gauche. Dans la barre de recherche, vous devez taper « Icônes sociales ».

Lorsque le bon bloc apparaît, faites-le glisser et déposez-le sur le modèle de thème.

Pour ajouter la première icône, il suffit de cliquer sur l’icône « + » à l’intérieur du module.

Dans la fenêtre surgissante, saisissez l’icône que vous souhaitez ajouter, par exemple « Twitter » ou « Facebook ».

Lorsque l’icône adéquate apparaît, il suffit de cliquer pour l’ajouter à votre blog WordPress.

Cliquez ensuite sur la nouvelle icône de réseau social.

Une petite barre s’ouvre, dans laquelle vous pouvez saisir l’URL vers laquelle vous souhaitez établir un lien, comme votre page Facebook.

Pour ajouter d’autres icônes sociales à WordPress, il suffit de cliquer sur l’icône  » +  » et de répéter le même processus décrit ci-dessus.

Après avoir ajouté toutes les plateformes de réseaux sociaux, vous voudrez peut-être personnaliser le bloc. Pour ce faire, cliquez pour sélectionner le bloc Icônes sociales, puis cliquez sur l’onglet  » Bloc « .

Vous pouvez modifier la justification, l’alignement et l’orientation de l’icône à l’aide des réglages « Mise en page ».

Par défaut, tous les liens des réseaux sociaux s’ouvrent dans le même onglet. Pour que les internautes restent sur votre site, vous pouvez cliquer pour activer le permutateur « Ouvrir les liens dans un nouvel onglet ».

Par défaut, WordPress affiche uniquement les icônes sociales, sans aucun texte.

Si vous souhaitez afficher du texte à côté de chaque icône, cliquez sur le bouton « Afficher les libellés » pour le faire permuter.

Cliquez ensuite sur l’onglet « Styles ».

Ici, vous pouvez modifier le style du bouton en cliquant sur « Défaut », « Logos uniquement » ou « Forme de pilule ».

Enfin, vous pouvez modifier l’espace entre les icônes sociales à l’aide des Réglages sous  » Espacement des blocs « .

Lorsque vous êtes satisfait de l’aspect du menu, cliquez sur le bouton « Enregistrer ».

Maintenant, si vous visitez votre site, vous verrez les icônes des réseaux sociaux en direct.

Astuce bonus : Contenu embarqué de flux sociaux sur votre site WordPress

L’ajout d’icônes de réseaux sociaux aux menus WordPress est un excellent moyen d’obtenir plus d’abonnés et d’engagement sur vos différents comptes. Cependant, il y a beaucoup d’autres façons de promouvoir votre Twitter, Facebook et d’autres profils sociaux.

La meilleure façon d’obtenir plus d’abonnés et d’engagement est d’embarquer un flux social direct sur votre site. Cela vous permet d’afficher les dernières publications de vos sites de médias sociaux, ainsi que des boutons que les internautes peuvent utiliser pour s’engager avec vos publications ou vous suivre sur les médias sociaux.

La meilleure façon d’ajouter des flux de réseaux sociaux à votre site est d’utiliser Smash Balloon. C’est la meilleure extension de flux de médias sociaux pour WordPress et vous permet d’intégrer des flux directs de Twitter, Instagram, Facebook, et plus encore.

En savoir plus, veuillez consulter notre tutoriel WordPress sur l’ajout de flux de réseaux sociaux sur WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des icônes de réseaux sociaux dans les menus de WordPress. Vous pouvez également consulter notre guide sur la façon d’embarquer une vidéo Facebook dans WordPress ou voir nos choix d’experts pour les meilleures extensions Twitter pour WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.