Guide complet pour les widgets d’icônes sociales

Les icônes sociales sont une partie importante de tout site Web. Quel que soit le site: Si vous avez des profils de médias sociaux, ils doivent être absolument liés à votre site. C’est l’une des règles d’or pour la survie du réseau et la création de sa propre marque. Le but principal des icônes sociales est de vous aider à communiquer rapidement avec vos visiteurs. Aujourd’hui, 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 s’inquiéter de l’accè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.
C’est 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, vous avez besoin d’une base de suivi solide, une façon est d’ajouter 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 vous connecter à vos médias sociaux, ou télécharger gratuitement des icônes de médias sociaux pour les ajouter à votre contenu et vous connecter à la plateforme souhaitée.
Widget d’icônes sociales Les widgets d’icônes sociales sont un bon moyen d’ajouter des icônes sociales à un site Web. Ce plug – in d’icônes sociales vous permet d’ajouter des liens rapides à tous les profils sociaux à tout moment, et il ne nécessite aucune connaissance particulière. Vous n’avez pas besoin de savoir programmer, vous avez juste besoin d’une connaissance de base de l’informatique. Ce plugin d’icônes sociales ajoute des liens rapides ou des icônes n’importe où sur le site Web que vous visitez
L Media: après avoir entré l’adresse, tapez ou collez le lien et l’icône sociale correspondante sera affichée. Cela s’applique toutefois aux réseaux sociaux les plus importants et les plus utilisés. Comme nous l’avons mentionné précédemment, le Widget icônes sociales prend en charge plus de 80 plateformes de médias sociaux, dont certaines n’affichent pas automatiquement leurs icônes. Pour ajouter un lien à un courriel, assurez – vous qu’il est dans le format suivant: mailto: [protégé par courriel] pour modifier l’ordre des icônes, utilisez la flèche à côté de chaque icône. Pour supprimer les modifications en cas d’erreur, utilisez la corbeille à droite. Cliquer sur une icône ouvre un champ dans lequel vous pouvez sélectionner l’icône à utiliser. Le plug – in lui – même vous invite à une icône, mais bien sûr, vous n’avez pas à suivre cette suggestion. Une autre chose que vous pouvez choisir est la couleur de l’icône et du segment de la souris, et l’un des différents caractères de l’icô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 s’appliquent à 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, vous pouvez ajouter un titre au Widget d’icônes sociales, ainsi qu’une description à afficher ci – dessus. Vous pouvez utiliser le HTML de base si vous savez comment le faire. Par exemple, nous tapons Fresh Contenu Livraison quotidienne, Amusez – vous bien. ! Les résultats sont les suivants: Un avantage du Widget d’icônes sociales est qu’il utilise les paramètres de police par défaut dans la barre latérale. De cette façon, vous pouvez vous assurer que tout est cohérent avec le reste de la page. L’espace est un peu inégal, mais on s’en occupera plus tard. Une autre fonctionnalité très utile de ce plug – in d’icônes sociales est d’ouvrir les liens et les paramètres de liens nofollow dans les nouvelles options d’onglet. Pour les appliquer, sélectionnez simplement le cas
Correspondant.
Pour afficher une icône d’étiquette, cette option vous permet de définir s’il y a un titre à côté de l’icône. Si le plug – in reconnaît l’icône, il peut être le titre par défaut, tout comme l’icône Facebook. Bien sûr, vous pouvez ajouter un titre en utilisant le champ situé au – dessus du champ Adresse du site. Ensuite, vous pouvez définir l’alignement: aucun, gauche, Centre, droite. Vous pouvez également choisir parmi deux styles d’icônes disponibles. Un autre réglage est la taille de l’icône et le remplissage de l’icône, c’est – à – dire le remplissage à l’intérieur de l’icône elle – même, c’est – à – dire le remplissage entre le symbole et la bordure.
En ce qui concerne le style de fond de l’icône, trois options sont disponibles: Nous avons mentionné précédemment l’espace entre la description et l’icône sociale, ou plus précisément le remplissage. Si l’espacement est trop petit, trop grand ou irrégulier, vous pouvez le corriger en ajoutant quelques lignes CSS simples. Allez à apparence > personnaliser et trouver d’autres CSS. Utilisez le côté gauche de l’éditeur pour ajouter du Code et suivre les changements à droite en temps réel. Si la page que vous souhaitez traiter n’apparaî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 l’icône:. Zoomez sur la liste des icônes sociales {haut du paquet: 15px! Important;} Bien sûr, nous n’utilisons 15px qu’à titre d’exemple. Vous pouvez utiliser différentes valeurs, c’est – à – dire des valeurs significatives sur la page. Vérifiez vos éléments et trouvez la taille parfaite du remplissage. Un autre type d’espacement que vous voudrez peut – être traiter est l’espace devant la ligne de l’icône. Utilisez la ligne de code suivante:. Zoomez sur la liste des icônes sociales {marge gauche: 0px! Important;} Encore une fois, vous 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, vous 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 d’espacement entre les icônes. Si le remplissage actuel est trop grand ou trop petit, vous 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: vous entrez vos valeurs. Une autre chose que vous pouvez personnaliser à propos de vos icônes sociales est leurs bordures. Par exemple, vous 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: C’est facile à faire. Nous avons expliqué comment faire toutes les icônes de la même couleur. Utilisez l’outil d’inspection pour trouver les catégories d’icônes. Ce que nous recherchons, c’est le réseau social. Dans notre exemple, le Code pour ajouter une bordure à l’icône Facebook est:. Facebook de la société {style de bordure: solide! Important; couleur de bordure: # 00007f! Important;} Bien sûr, vous choisirez votre propre couleur, et en ce qui concerne les styles de bordure, consultez CSS et vous verrez d’autres options de style disponibles en plus de la couleur solide. Par conséquent, pour chaque icône que vous souhaitez ajouter une bordure, vous ajoutez un morceau de code avec la valeur souhaitée. Ajouter des icônes sociales à une page vous pouvez utiliser le Widget pour ajouter des icônes sociales non seulement à la barre latérale ou au pied de page, mais aussi à d’autres parties du site. En fait, vous pouvez les ajouter à n’importe quelle page dans le cadre du contenu de n’importe quelle page. Tout d’abord, vous devez installer le Widget shortcode: Ce plug – in peut être utilisé pour insérer