WordPress
time_read11mn de lecture

Comment ajouter des icônes de médias sociaux dans WordPress ? 

04 septembre 2022

Comment ajouter des icônes de médias sociaux dans WordPress ? 

Vous êtes présent sur les réseaux sociaux ? Pourquoi ne pas le montrer sur votre site web ! Montrer vos médias sociaux à vos visiteurs leur permet de vous suivre, et la meilleure façon de le faire est d’avoir des icônes de médias sociaux sur votre site Web. Les icônes prennent très peu de place, vous pouvez donc les intégrer où vous ne souhaitez sans perturber le design de votre site web.

Objectif

Le but de cet article est de vous montrer comment ajouter des icônes de médias sociaux dans WordPress.

Prérequis

Pour suivre ce tutoriel, vous devez disposer d’un accès complet à votre site WordPress publié sur Internet. Aussi, il vous faut avoir des maitrises, aussi peu qu’elles soient, des langages HTML et CSS. En plus de cela, vous devez disposer d’une connexion Internet, et savoir manipuler les plugins WordPress.

Pour ajouter les icônes des médias sociaux sur votre site web WordPress, vous avez la possibilité de procéder de deux manières. Soit, vous le faites manuellement, soit vous vous servez d’un plugin WordPress. Nous allons vous montrer comment le faire avec chacune de ces méthodes.

Utiliser un plugin pour ajouter des icônes de médias sociaux dans WordPress

Les extensions (ou plugins en anglais) sur WordPress sont utilisées pour compléter des fonctionnalités externes qui n’existent pas sur WordPress, ou du moins que WordPress ne vous offre pas.

Plus d'informations


De nombreux plugins sont disponibles pour intégrer les réseaux sociaux à WordPress, découvrez la liste des 10 meilleurs plugins de réseaux sociaux WordPress dans notre article dédié.

Ajouter des icônes de médias sociaux dans WordPress manuellement

Il est vrai que vous aurez à rencontrer un peu de codage, certes. Mais rassurez-vous. L’ajout d’icônes des réseaux sociaux sur WordPress n’est pas chose trop compliquée. Retrouvez ci-dessous le cheminement pour le faire de la manière la plus simple possible.

Choisir l’icône du média social à ajouter

Trouver l’icône parfaite est assez simple. Vous n’avez qu’à effectuer une simple recherche sur Google pour explorer la galerie de ce moteur. Pour le faire, assurez-vous de choisir une image libre de droits, sauf de quoi vous pourriez vous rendre coupable d’une violation aux droits d’auteur.

Pour contourner cet obstacle, nous vous invitons à effectuer un filtrage des images sur Google. Et ceci en tenant compte des droits d’utilisation. Trajet à suivre : Images → Outils → Droits d’usage → Licence Creative Commons. L’image suivante pourra vous aider. 👇

ajouter des icônes de médias sociaux dans WordPress

Désormais, Google vous affichera uniquement les résultats dont vous pouvez vous servir sans contraintes. Ainsi, vous pouvez rechercher chaque icône dont vous avez besoin, ou encore, vous avez la possibilité de télécharger des packs d’icônes tout-en-un.

Après avoir trouvé les icônes recherchées, téléchargez-les et sauvegardez-les dans la médiathèque WordPress. Pour le faire, allez dans Médias → Ajouter nouveau et placez-y les icônes.

Ajouter un widget et configurer HTML

Sur votre tableau de bord de WordPress, accédez à la section Apparence → Widgets. Faites glisser « HTML personnalisé » sur l’entête de la barre latérale ou du pied de page. Cette capture pourra vous éclairer. 👇

ajouter des icônes de médias sociaux dans WordPress

Vous pouvez par exemple le nommer Média social. Ensuite, procédez au copié, collez du code suivant. 👇

< div >< a href= "http://instagram.com/nom_d_utilisateur" >< img style= "margin:5px" src= "[emplacement de votre icône]" width= "30" height= "30" alt= "Instagram" >< /a >
< a href= "http://facebook.com/nom_d_utilisateur" >< img style= "margin:5px" src= "[emplacement de votre icône]" width= "30" height= "30" alt= "Facebook" >< /a >
<a href= "http://youtube.com/user/nom_d_utilisateur" >< img style= "margin:5px" src= "[emplacement de votre icône]" width= "30" height= "30" alt= "YouTube" >< /a >< /div >

 

Vous remarquez le mot nom d’utilisateur ou le crochet répartis sur le long du code ? Vous les remplacerez par les noms d’utilisateurs de vos profils de médias sociaux concernés et l’URL directe de l’icône.

 

Pour trouver l’URL d’une image que vous avez ajouté à votre médiathèque, allez dans la rubrique Médias → Bibliothèque et cliquez sur une icône que vous avez téléchargée. Cliquez alors sur le bouton « Copier l’URL dans le presse-papiers ».

trouver l'URL d'une image WordPress

Une fois les modifications terminées, cliquez sur Enregistrer pour sauvegarder le code. Accédez ensuite à votre site web pour constater à quoi ressemble votre nouveau widget.

Conclusion

Vous savez maintenant comment ajouter des icônes de médias sociaux à WordPress !

L’ajout d’icônes de médias sociaux à votre site Web est un excellent moyen d’augmenter la visibilité de votre marque.

Après la lecture de cet article, vous aurez certainement des questions ou des préoccupations. N’hésitez pas à nous les faire connaître en commentaire. 🔔

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.