Comment ajouter des icônes de médias sociaux à votre barre latérale, sans utiliser de plugin

Les médias sociaux doivent constituer une partie essentielle de votre site Web, car vous pouvez partager des articles de votre site Web avec vos abonnés et interagir avec eux par le biais de vos canaux de médias sociaux. Vous devriez envisager de placer des icônes de médias sociaux sur votre site Web pour que les visiteurs puissent en savoir plus sur vous et vous suivre, vous aimez ou vous amis sur ces médias sociaux..

Il est simple d'ajouter des icônes de médias sociaux avec un plugin. Mais ce tutoriel va vous montrer comment ajouter des icônes de médias sociaux de manière personnalisée. L'ajout de ces icônes de cette manière est essentiel si vous créez vos propres icônes pour votre site Web. De plus, personnaliser votre site Web sans utiliser de plug-in est une expérience enrichissante.!


Étape 1: Obtention d'icônes de partage de médias sociaux

Il existe 3 options pour obtenir des icônes de médias sociaux. Le premier consiste à créer le vôtre. Vous pouvez le faire en allant sur des sites tels que, Goodies, pour trouver les logos directement auprès de la société. Lisez les conditions d'utilisation pour savoir comment vous pouvez et ne pouvez pas utiliser leurs logos. Maintenant que vous avez le logo officiel, vous pouvez créer vos propres dimensions, arrière-plan, etc. Faites preuve de créativité et adaptez l'icône au style de votre site Web. C'est ici que vous montrez votre créativité!

La deuxième façon est de trouver des icônes de médias sociaux gratuits. Il existe de nombreux endroits qui donnent ces icônes gratuitement pour votre site Web ou votre blog, mais lisez toujours les conditions d'utilisation du service, car bon nombre de ces icônes gratuites sont uniquement destinées aux blogs personnels..

Le troisième endroit où trouver de grandes icônes de médias sociaux sont les sites Web qui vendent des icônes premium. L'avantage d'acheter vos icônes de médias sociaux est que vous utilisez un jeu d'icônes premium. Les jeux d’icônes Premium n’ont pas seulement fière allure et vous permettront d’économiser beaucoup de temps. Si vous voulez que votre site Web se distingue des autres, dépensez un peu d'argent et achetez des icônes premium, plutôt que de trouver les jeux d'icônes gratuits que tout le monde utilise..


Étape 2 Déterminer la taille de votre barre latérale

Il est important de connaître la taille de votre barre latérale pour ne pas ajouter de boutons de partage de médias sociaux trop grands pour vos besoins. Si votre barre latérale ne fait que 300 pixels de large, il n’est pas logique d’ajouter des icônes de 512 pixels. La meilleure façon de le faire est d'utiliser une extension de mesure pour votre navigateur..

Une fois que vous connaissez la taille de votre barre latérale, vous pouvez calculer le nombre d'icônes de partage de médias sociaux et déterminer la taille de chacune d'elles pour s'adapter..


Étape 3 Enregistrement en tant que fichier .PNG ou .JPG

Vous devrez peut-être utiliser un éditeur de photos pour enregistrer l'icône du Web. Si votre icône présente une transparence, il est important de l'exporter sous forme de fichier .PNG. Si votre icône n’a aucune transparence, vous pouvez utiliser un fichier .JPG..


Étape 4 Téléchargez les icônes sur votre site Web

Créez un nouveau post de blog et téléchargez vos icônes de partage de médias sociaux à l'aide de l'utilitaire de téléchargement de média. Oui, c'est aussi simple que cela!


Étape 5 Ajouter des liens à chaque icône

Une fois vos icônes ajoutées à votre blog, il est essentiel d’attribuer un lien de site Web externe à chaque icône. Cliquez sur le bouton "Insérer / modifier le lien" pour ajouter des liens à chacun de vos boutons de partage de médias sociaux. Cela rendra chaque icône "cliquable", et une fois cliquée, le visiteur se dirigera vers vos pages de réseaux sociaux où il pourra en apprendre davantage sur vous et vous suivre..


Étape 6 Copiez le code HTML pour ces icônes

Beaucoup de gens ne s'éloignent jamais de l'éditeur visuel de WordPress, mais vous constaterez peut-être qu'il est facile de personnaliser votre site Web une fois que vous connaissez un peu le code HTML. Sélectionnez l'onglet "HTML" dans votre éditeur de publication. Copiez TOUT le code associé à ces icônes de médias sociaux. N'hésitez pas à l'enregistrer dans un éditeur de texte pour ne pas perdre le code HTML.


Étape 7: créez un widget dans la barre latérale et collez votre code HTML

C'est la dernière étape du processus. Faites simplement glisser un nouveau widget, intitulé "Texte ou HTML arbitraire" dans la barre latérale de votre choix. Ensuite, collez le code HTML dans le widget de texte. Enfin, cliquez sur le bouton "Enregistrer" pour enregistrer vos modifications..

C'est tout! Tout ton travail est fini. Votre site Web se démarquera de tous les autres, maintenant que vous avez vos propres icônes de médias sociaux personnalisées sur votre site Web. Maintenant, vous pouvez promouvoir votre canal de médias sociaux sur votre site Web et laisser le trafic d'un trafic direct à l'autre.