Les icônes sociales sont une partie importante de tout site Web. Quel que soit le site: avez des profils de médias sociaux, ils doivent être absolument liés à votre site. Crsquoest lrsquoune des règles drsquoor pour la survie du réseau et la création de sa propre marque. Le but principal des icônes sociales est de aider à communiquer rapidement avec vos visiteurs. Aujourdrsquohui, tout le monde semble être en ligne, sur une ou une autre plateforme de médias sociaux. Il est important de se rappeler que, souvent, les gens ne veulent pas srsquoinquiéter de lrsquoaccès réel au site. Au lieu de cela, ils suivent une marque sur sa page de médias sociaux et obtiennent des informations, des nouvelles et des informations à jour.
Crsquoest pourquoi chaque entreprise doit avoir une forte influence sur les médias sociaux et mettre à jour régulièrement son profil en utilisant les informations extraites du site. Bien sûr, avez besoin drsquoune base de suivi solide, une façon est drsquoajouter des icônes sociales à votre site Web. En cliquant sur ces icônes, les visiteurs seront redirigés vers votre profil de médias sociaux où ils pourront devenir vos adeptes. Ils seront tenus au courant de vos messages et de vos nouvelles, ce qui sera très bénéfique pour votre marque. Vous pouvez utiliser ces plug ins pour ajouter des icônes sociales et connecter à vos médias sociaux, ou gratuitement des icônes de médias sociaux pour les ajouter à votre contenu et connecter à la plateforme souhaitée.
Widget drsquoicônes sociales
Les widgets drsquoicônes sociales sont un bon moyen drsquoajouter des icônes sociales à un site Web. Ce plug in drsquoicônes sociales permet drsquoajouter des liens rapides à tous les profils sociaux à tout moment, et il ne nécessite aucune connaissance particulière. Vous nrsquoavez pas besoin de savoir programmer, avez juste besoin drsquoune connaissance de base de lrsquoinformatique. Ce plugin drsquoicônes sociales ajoute des liens rapides ou des icônes nrsquoimporte où sur le site Web que visitez
L Media: après avoir entré lrsquoadresse, tapez ou collez le lien et lrsquoicône sociale correspondante sera affichée. Cela srsquoapplique toutefois aux réseaux sociaux les plus importants et les plus utilisés. Comme nous lrsquoavons mentionné précédemment, le Widget icônes sociales prend en charge plus de 80 plateformes de médias sociaux, dont certaines nrsquoaffichent pas automatiquement leurs icônes. Pour ajouter un lien à un courriel, assurez qursquoil est dans le format suivant: mailto: [protégé par courriel] pour modifier lrsquoordre des icônes, utilisez la flèche à côté de chaque icône. Pour supprimer les modifications en cas drsquoerreur, utilisez la corbeille à droite. Cliquer sur une icône ouvre un champ dans lequel pouvez sélectionner lrsquoicône à utiliser. Le plug in lui même invite à une icône, mais bien sûr, nrsquoavez pas à suivre cette suggestion. Une autre chose que pouvez choisir est la couleur de lrsquoicône et du segment de la souris, et lrsquoun des différents caractères de lrsquoicône sélectionnée. Contrairement à ces paramètres, nous effectuons des modifications pour chaque icône, mais il y a aussi des paramètres généraux. Les paramètres généraux srsquoappliquent à toutes les icônes sociales que nous utilisons et sont utiles lorsque nous voulons changer toutes les icônes en vrac.
Dans les champs suivants, pouvez ajouter un titre au Widget drsquoicônes sociales, ainsi qursquoune description à afficher ci dessus. Vous pouvez utiliser le HTML de base si savez comment le faire. Par exemple, nous tapons Fresh Contenu
Livraison quotidienne,
Amusez bien.
!
Les résultats sont les suivants: Un avantage du Widget drsquoicônes sociales est qursquoil utilise les paramètres de police par défaut dans la barre latérale. De cette façon, pouvez assurer que tout est cohérent avec le reste de la page. Lrsquoespace est un peu inégal, mais on srsquoen occupera plus tard. Une autre fonctionnalité très utile de ce plug in drsquoicônes sociales est drsquoouvrir les liens et les paramètres de liens nofollow dans les nouvelles options drsquoonglet. Pour les appliquer, sélectionnez simplement le cas
Correspondant.
Pour afficher une icône drsquoétiquette, cette option permet de définir srsquoil y a un titre à côté de lrsquoicône. le plug in reconnaît lrsquoicône, il peut être le titre par défaut, tout comme lrsquoicône Facebook. Bien sûr, pouvez ajouter un titre en utilisant le champ situé au dessus du champ Adresse du site. Ensuite, pouvez définir lrsquoalignement: aucun, gauche, Centre, droite. Vous pouvez également choisir parmi deux styles drsquoicônes disponibles. Un autre réglage est la taille de lrsquoicône et le remplissage de lrsquoicône, crsquoest à dire le remplissage à lrsquointérieur de lrsquoicône elle même, crsquoest à dire le remplissage entre le symbole et la bordure.
En ce qui concerne le style de fond de lrsquoicône, trois options sont disponibles:
Nous avons mentionné précédemment lrsquoespace entre la description et lrsquoicône sociale, ou plus précisément le remplissage. lrsquoespacement est trop petit, trop grand ou irrégulier, pouvez le corriger en ajoutant quelques lignes CSS simples. Allez à apparence gt personnaliser et trouver drsquoautres CSS. Utilisez le côté gauche de lrsquoéditeur pour ajouter du Code et suivre les changements à droite en temps réel. la page que souhaitez traiter nrsquoapparaît pas dans le champ de droite, utilisez le menu pour naviguer sur le site et accéder aux pages pertinentes.
Utilisez le code suivant pour ajouter un remplissage entre la description et lrsquoicône:. Zoomez sur la liste des icônes sociales {haut du paquet: 15px! Important} Bien sûr, nous nrsquoutilisons 15px qursquoà titre drsquoexemple. Vous pouvez utiliser différentes valeurs, crsquoest à dire des valeurs significatives sur la page. Vérifiez vos éléments et trouvez la taille parfaite du remplissage. Un autre type drsquoespacement que voudrez peut être traiter est lrsquoespace devant la ligne de lrsquoicône.
Utilisez la ligne de code suivante:. Zoomez sur la liste des icônes sociales {marge gauche: 0px! Important} Encore une fois, définissez les valeurs ici au lieu de
Les zéros que nous utilisons dans notre exemple. Notez que cette ligne et la ligne de code mentionnée ci dessus se réfèrent à la même classe. Zoomez sur la liste des icônes sociales.
Pour définir les deux valeurs en même temps, utiliserez la classe et ajouterez les deux valeurs comme suit:. Échelle la liste des icônes sociales {remplissage supérieur: 15px! Important marge gauche: 0px! Important} Vous pouvez également définir les valeurs de remplissage ou drsquoespacement entre les icônes. le remplissage actuel est trop grand ou trop petit, pouvez le modifier en entrant le code suivant:. Zoom social _ icons list items {Right click fill: 10px! Important} Encore une fois, ce ne sont que des exemples de valeurs: entrez vos valeurs. Une autre chose que pouvez personnaliser à propos de vos icônes sociales est leurs bordures. Par exemple, voudrez peut être que toutes les icônes sociales soient de la même couleur, entourées de bordures de différentes couleurs. Par exemple:
Crsquoest facile à faire. Nous avons expliqué comment faire toutes les icônes de la même couleur. Utilisez lrsquooutil drsquoinspection pour trouver les catégories drsquoicônes. Ce que nous recherchons, crsquoest le réseau social. Dans notre exemple, le Code pour ajouter une bordure à lrsquoicône Facebook est:. Facebook de la société {style de bordure: solide! Important couleur de bordure: 00007f! Important} Bien sûr, choisirez votre propre couleur, et en ce qui concerne les styles de bordure, consultez CSS et verrez drsquoautres options de style disponibles en plus de la couleur solide. Par conséquent, pour chaque icône que souhaitez ajouter une bordure, ajoutez un morceau de code avec la valeur souhaitée.
Ajouter des icônes sociales à une page pouvez utiliser le Widget pour ajouter des icônes sociales non seulement à la barre latérale ou au pied de page, mais aussi à drsquoautres parties du site. En fait, pouvez les ajouter à nrsquoimporte quelle page dans le cadre du contenu de nrsquoimporte quelle page. Tout drsquoabord, devez installer le Widget shortcode:
Ce plug in peut être utilisé pour insérer
