Utiliser les icônes font-awesome
Grâce au tutoriel insérer des icônes font-awesome sur Divi, nous pouvons intégrer directement les icônes de réseaux sociaux existantes de font-awesome. Dans les versions gratuites, vous pourrez obtenir différentes versions graphiques simples pour un même réseau.
Par exemple, l’icône Facebook peut ressembler à ceci :
Ajouter les icônes à la fin du menu
Pour intégrer les icônes de réseaux sociaux dans le menu, rendez-vous dans Apparence > Menus puis ajoutez un lien personnalisé qui peut être :
<a class="socialrs" href="https://twitter.com" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i></a>La classe « socialrs » vous permettra par la suite de customiser l’apparence des icônes grâce au CSSLes CSS, ou feuilles de style en cascade, sont des fichiers qui contrôlent l'apparence d'un site web. Même si Divi pos.... Enfin, pensez à modifier la balise href pour faire le lien vers vos pages personnelles. La partie « target_blank » est indispensable pour que votre site web reste ouvert pendant que vos visiteurs découvrent vos pages de réseaux sociaux.
Habituellement, les réseaux sociaux se mettent plutôt en bas de page dans un site web. Si vous avez une stratégie digitale importante sur les réseaux sociaux, il peut être judicieux de les mettre en avant directement dans le menu Divi afin que les internautes puissent visiter vos pages et puissent interagir plus facilement avec vous et votre communauté. Pour ne pas encombrer votre menu principal, vous pouvez aussi les insérer dans un menu secondaire qui sera séparé de vos items principaux.
Si vous ne souhaitez pas mettre les mains dans le code, vous pouvez opter pour un plugin comme Divi Pixel qui vous permettra d’enrichir et de customiser votre site web avec des modules supplémentaires (lien affilié).
