{"id":369607,"date":"2023-04-05T16:59:00","date_gmt":"2023-04-05T13:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369607"},"modified":"2023-04-05T16:59:02","modified_gmt":"2023-04-05T13:59:02","slug":"un-guide-complet-du-widget-dicones-sociales-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/un-guide-complet-du-widget-dicones-sociales-wordpress\/","title":{"rendered":"Un guide complet du widget d&rsquo;ic\u00f4nes sociales WordPress"},"content":{"rendered":"\n<p>Les ic\u00f4nes sociales sont une partie essentielle de tout site Web. Peu importe de quel type de site Web il s&rsquo;agit &#8211; <strong>si vous avez des profils de m\u00e9dias sociaux, ils doivent absolument \u00eatre li\u00e9s \u00e0 votre site<\/strong>. C&rsquo;est l&rsquo;une des r\u00e8gles d&rsquo;or de la survie en ligne de nos jours et de la construction de votre marque.<\/p>\n<p>Le but principal des <strong>ic\u00f4nes sociales est de vous aider \u00e0 vous connecter rapidement avec vos visiteurs<\/strong>. De nos jours, il semble que tout le monde soit en ligne, sur une plate-forme de m\u00e9dias sociaux ou sur l&rsquo;autre.<\/p>\n<p>Il est important de se rappeler que, bien souvent, les gens ne veulent pas prendre la peine d&rsquo;entrer sur un site Web. Au lieu de cela, ils suivent une marque sur sa page de m\u00e9dias sociaux et obtiennent leurs mises \u00e0 jour, nouvelles et informations \u00e0 partir de l\u00e0.<\/p>\n<p>C&rsquo;est pourquoi il est vital pour chaque entreprise d&rsquo;avoir une forte pr\u00e9sence sur les r\u00e9seaux sociaux et de mettre r\u00e9guli\u00e8rement \u00e0 jour le profil avec des informations extraites du site Web.<\/p>\n<p>Bien s\u00fbr, vous aurez besoin d&rsquo;une solide base d&rsquo;abonn\u00e9s et l&rsquo;une des fa\u00e7ons d&rsquo;y parvenir est d&rsquo;ajouter des ic\u00f4nes sociales \u00e0 votre site. En cliquant sur ces ic\u00f4nes, les visiteurs sont redirig\u00e9s vers votre profil de r\u00e9seau social, o\u00f9 ils peuvent devenir vos abonn\u00e9s. Ils seront toujours au courant de vos publications et de vos actualit\u00e9s, ce qui sera tr\u00e8s b\u00e9n\u00e9fique pour votre marque.<\/p>\n<p>Vous pouvez soit utiliser des plugins pour ajouter des ic\u00f4nes sociales et les connecter \u00e0 vos r\u00e9seaux sociaux, soit <a href=\"https:\/\/themewp.inform.click\/fr\/10-icones-de-medias-sociaux-gratuites-pour-votre-site-web\/\" title=\"t\u00e9l\u00e9charger gratuitement des ic\u00f4nes de r\u00e9seaux sociaux\">t\u00e9l\u00e9charger gratuitement des ic\u00f4nes de r\u00e9seaux sociaux<\/a>, les ajouter \u00e0 votre contenu et les lier \u00e0 la plateforme souhait\u00e9e.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/TI1Z-eVd7Gk\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Plugin de widget d&rsquo;ic\u00f4nes sociales<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/social-icons-widget-by-wpzoom\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Social Icons Widget<\/a> est un excellent moyen d&rsquo;ajouter des ic\u00f4nes sociales \u00e0 votre site Web. Ce plugin d&rsquo;ic\u00f4nes sociales vous permet d&rsquo; <strong>ajouter des liens rapides vers tous vos profils sociaux en un rien de temps<\/strong>, et ne n\u00e9cessite aucune connaissance particuli\u00e8re. Vous n&rsquo;avez pas besoin de savoir coder, un niveau de base en informatique suffira.<\/p>\n<p>Ce plug-in d&rsquo;ic\u00f4nes sociales <strong>ajoute des liens rapides ou des ic\u00f4nes o\u00f9 vous le souhaitez sur votre site Web<\/strong>, que vos visiteurs peuvent utiliser pour acc\u00e9der \u00e0 vos profils de m\u00e9dias sociaux.<\/p>\n<p>Ce plugin qui sauve des vies prend en charge plus de 80 r\u00e9seaux sociaux. Nous parions que vous ne saviez m\u00eame pas qu&rsquo;il y en avait autant, n&rsquo;est-ce pas\u00a0? Eh bien, Social Icons Widget les prend tous en charge.<\/p>\n<p>De plus, vous pouvez r\u00e9organiser et trier les ic\u00f4nes par glisser-d\u00e9poser, <strong>appliquer l&rsquo;un des nombreux styles disponibles et personnaliser les ic\u00f4nes<\/strong>. Le s\u00e9lecteur de couleurs a r\u00e9cemment \u00e9t\u00e9 mis \u00e0 disposition, vous pouvez donc changer la couleur de l&rsquo;ic\u00f4ne en ce que vous voulez.<\/p>\n<p>Les ic\u00f4nes pr\u00eates pour la r\u00e9tine, l&rsquo;int\u00e9gration de FontAwesome et la prise en charge de Skype, Viber et WhatsApp sont d&rsquo;autres fonctionnalit\u00e9s qui distinguent ce plugin des autres.<\/p>\n<p>Quant \u00e0 l&rsquo;utilisation r\u00e9elle des ic\u00f4nes sociales, vous pouvez <strong>les placer dans <a href=\"https:\/\/themewp.inform.click\/fr\/quest-ce-que-la-barre-laterale-wordpress-et-comment-la-creer\/\" title=\"votre barre lat\u00e9rale\">votre barre lat\u00e9rale<\/a>, <a href=\"https:\/\/themewp.inform.click\/fr\/quest-ce-quun-pied-de-page-et-comment-lajouter-dans-wordpress\/\" title=\"votre pied de page\">votre pied de page<\/a> ou l&rsquo;une des pages de votre site<\/strong>. Le choix t&rsquo;appartient. De plus, le plugin est r\u00e9guli\u00e8rement mis \u00e0 jour avec de nouvelles fonctionnalit\u00e9s et de nouvelles ic\u00f4nes sont constamment ajout\u00e9es.<\/p>\n<p>En fonction de vos connaissances, vous pouvez d\u00e9finir le widget d&rsquo;ic\u00f4nes sociales wp en utilisant diff\u00e9rentes options de configuration. Ci-dessous, vous pouvez consulter un guide pour les d\u00e9butants et les professionnels ou apprendre \u00e0 ajouter des ic\u00f4nes sociales \u00e0 vos pages.<\/p>\n<h2>Param\u00e8tres de base pour les d\u00e9butants<\/h2>\n<p>Lors de l&rsquo;installation du plugin, un nouveau widget appara\u00eet. Faites-le glisser vers la zone souhait\u00e9e et c&rsquo;est d\u00e9j\u00e0 la moiti\u00e9 du travail fait !<\/p>\n<p>De plus, si vous pr\u00e9f\u00e9rez surveiller les modifications que vous apportez dans la m\u00eame fen\u00eatre, vous pouvez modifier vos widgets depuis Apparence &gt; Personnaliser &gt; Widgets, comme vous le faites pour <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-des-widgets-wordpress-a-votre-site\/\" title=\"ajouter et modifier tous vos autres widgets\">ajouter et modifier tous vos autres widgets<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Social Icons Widget est un <strong>plugin tr\u00e8s convivial<\/strong>. Il est facile \u00e0 configurer depuis le backend et \u00e0 personnaliser en fonction de vos besoins.<\/p>\n<p>La premi\u00e8re chose que vous voulez faire avec votre tout nouveau plugin d&rsquo;ic\u00f4nes sociales est d&rsquo; <strong>ajouter des liens vers vos profils de r\u00e9seaux sociaux<\/strong> :<\/p>\n<ul>\n<li>Tapez ou collez vos liens<\/li>\n<li>Apr\u00e8s avoir ins\u00e9r\u00e9 l&rsquo;adresse, l&rsquo; <strong>ic\u00f4ne sociale correspondante appara\u00eetra<\/strong>. Cependant, cela s&rsquo;applique aux r\u00e9seaux sociaux les plus grands et les plus utilis\u00e9s. Comme nous l&rsquo;avons dit pr\u00e9c\u00e9demment, Social Icons Widget prend en charge plus de 80 plateformes de m\u00e9dias sociaux et pour certaines d&rsquo;entre elles, l&rsquo;ic\u00f4ne n&rsquo;appara\u00eet pas automatiquement.<\/li>\n<li>Pour <strong>ajouter un lien pour votre e-mail<\/strong>, assurez-vous qu&rsquo;il se trouve dans le format suivant: Mailto: yourmail@example.com.<\/li>\n<li>Pour <strong>changer l&rsquo;ordre des ic\u00f4nes<\/strong>, utilisez les fl\u00e8ches situ\u00e9es \u00e0 c\u00f4t\u00e9 de chacune d&rsquo;entre elles.<\/li>\n<li>Pour <strong>supprimer les modifications en cas d&rsquo;erreur<\/strong>, utilisez la corbeille \u00e0 droite.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<ul>\n<li>Cliquez sur l&rsquo;ic\u00f4ne ouvre un champ o\u00f9 vous pouvez <strong>choisir l&rsquo;ic\u00f4ne que vous souhaitez utiliser<\/strong>. Le plugin lui-m\u00eame sugg\u00e8re une ic\u00f4ne, mais, bien s\u00fbr, vous n&rsquo;avez pas \u00e0 suivre cette suggestion.<\/li>\n<li>Une autre chose que vous pouvez choisir est la <strong>couleur de l&rsquo;ic\u00f4ne et du plan de plan\u00e9<\/strong>, ainsi que de choisir l&rsquo;une des diff\u00e9rentes polices d&rsquo;ic\u00f4ne.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Contrairement \u00e0 ces param\u00e8tres, o\u00f9 nous apportons des modifications \u00e0 chaque ic\u00f4ne individuelle, il existe \u00e9galement des param\u00e8tres g\u00e9n\u00e9raux. <strong>Les param\u00e8tres g\u00e9n\u00e9raux s&rsquo;appliquent \u00e0 toutes les ic\u00f4nes sociales que nous utilisons<\/strong> et elles sont utiles lorsque nous voulons \u00e9galement apporter des modifications en vrac.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Dans le champ suivant, vous pouvez <strong>ajouter un titre \u00e0 votre widget d&rsquo;ic\u00f4nes sociales, ainsi qu&rsquo;une description<\/strong> \u00e0 afficher au-dessus. Vous pouvez utiliser HTML de base, si vous savez comment.<\/p>\n<pre><code>Fresh &lt;i&gt;content&lt;\/i&gt; delivered daily, &lt;b&gt;enjoy&lt;\/b&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Une grande chose \u00e0 propos du widget Social Icons est qu&rsquo;il <strong>utilise les param\u00e8tres de police par d\u00e9faut de la barre lat\u00e9rale<\/strong>. De cette fa\u00e7on, vous pouvez \u00eatre assur\u00e9 que tout sera coh\u00e9rent avec le reste de la page. L&rsquo;espace est un peu in\u00e9gal mais nous nous en occuperons plus tard.<\/p>\n<p>Une autre chose tr\u00e8s utile fournie avec ce plugin d&rsquo;ic\u00f4ne sociale est l&rsquo;option Ouvrir les liens dans un nouvel onglet et la d\u00e9finition du lien nofollow. Pour les appliquer, il suffit de cocher la case correspondante.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Comme pour les \u00e9tiquettes d&rsquo;ic\u00f4nes Afficher, cette option vous permet de <strong>d\u00e9finir s&rsquo;il y aura une sorte de titre \u00e0 c\u00f4t\u00e9 de l&rsquo;ic\u00f4ne<\/strong>. Il peut s&rsquo;agir d&rsquo;un titre par d\u00e9faut, si le plugin reconna\u00eet l&rsquo;ic\u00f4ne, comme c&rsquo;est le cas avec l&rsquo;ic\u00f4ne Facebook. Vous pouvez ajouter votre propre titre, bien s\u00fbr, en utilisant le champ situ\u00e9 au-dessus du champ d&rsquo;adresse du site Web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Ensuite, <strong>vous pouvez d\u00e9finir l&rsquo;alignement<\/strong>: Aucun, Gauche, Centre, Droite. Vous pouvez \u00e9galement choisir entre deux styles d&rsquo;ic\u00f4nes disponibles.<\/p>\n<p>Une autre chose que vous pouvez d\u00e9finir est la <strong>taille de l&rsquo;ic\u00f4ne et le rembourrage<\/strong> de l&rsquo;ic\u00f4ne, qui est le rembourrage dans l&rsquo;ic\u00f4ne elle-m\u00eame &#8211; entre le symbole et la bordure.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>En ce qui concerne le <strong>style d&rsquo;arri\u00e8re-plan de l&rsquo;ic\u00f4ne<\/strong>, vous avez le choix entre trois options\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<h2>R\u00e9glages avanc\u00e9s<\/h2>\n<p>Nous avons mentionn\u00e9 pr\u00e9c\u00e9demment l&rsquo;espace, ou plus pr\u00e9cis\u00e9ment \u2013 \u200b\u200ble rembourrage, entre la description et les ic\u00f4nes sociales. Si l&rsquo;espacement est trop petit, trop grand ou irr\u00e9gulier, vous pouvez y rem\u00e9dier en <strong>ajoutant quelques simples lignes de CSS<\/strong>.<\/p>\n<p>Acc\u00e9dez \u00e0 Apparence &gt; Personnaliser et recherchez CSS suppl\u00e9mentaire.<\/p>\n<p>Utilisez le c\u00f4t\u00e9 gauche de l&rsquo;\u00e9diteur pour ajouter le code et suivez les modifications en direct vers la droite. Dans le cas o\u00f9 la page sur laquelle vous souhaitez travailler ne s&rsquo;affiche pas dans le champ \u00e0 droite, n&rsquo;h\u00e9sitez pas \u00e0 utiliser le menu pour naviguer sur le site et acc\u00e9der \u00e0 la page en question.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Utilisez le code suivant pour ajouter le rembourrage entre la description et les ic\u00f4nes\u00a0:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Bien s\u00fbr, nous avons utilis\u00e9 15px juste \u00e0 titre d&rsquo;exemple. Vous pouvez utiliser une valeur diff\u00e9rente, celle qui a du sens sur votre page. <a href=\"https:\/\/themewp.inform.click\/fr\/comment-inspecter-les-elements-du-site-web-dans-votre-navigateur\/\" title=\"Inspectez vos \u00e9l\u00e9ments\">Inspectez vos \u00e9l\u00e9ments<\/a> et trouvez la taille de rembourrage parfaite.<\/p>\n<p>Un autre type d&rsquo;espacement dont vous voudrez probablement prendre soin est l&rsquo; <strong>espace devant la rang\u00e9e d&rsquo;ic\u00f4nes<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Utilisez la ligne de code suivante\u00a0:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>Encore une fois, vous d\u00e9finirez votre propre valeur ici, au lieu du z\u00e9ro que nous avons utilis\u00e9 dans l&rsquo;exemple. Notez que cette ligne de code et la ligne de code mentionn\u00e9e pr\u00e9c\u00e9demment font r\u00e9f\u00e9rence \u00e0 la m\u00eame classe .zoom-social-icons-list.<\/p>\n<p>Pour d\u00e9finir les deux valeurs en m\u00eame temps, vous allez utiliser cette classe et ajouter les deux valeurs, comme ceci\u00a0:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Vous pouvez \u00e9galement <strong>d\u00e9finir la valeur du rembourrage ou l&rsquo;espace entre les ic\u00f4nes elles-m\u00eames<\/strong>. Si le rembourrage actuel est trop grand ou trop petit, vous pouvez le modifier en saisissant le code suivant\u00a0:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>Encore une fois, ce ne sont que des exemples de valeurs &#8211; vous ins\u00e9rerez les v\u00f4tres.<\/p>\n<p>Une autre chose \u00e0 propos de vos ic\u00f4nes sociales que vous pouvez personnaliser est leur bordure. Par exemple, vous voudrez peut-\u00eatre que <strong>toutes vos ic\u00f4nes sociales aient la m\u00eame couleur avec une bordure de couleur diff\u00e9rente autour d&rsquo;elles<\/strong>. Par exemple:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>C&rsquo;est en fait tr\u00e8s facile \u00e0 faire. Nous avons d\u00e9j\u00e0 expliqu\u00e9 comment rendre toutes les ic\u00f4nes de la m\u00eame couleur. <strong>Utilisez l&rsquo;outil Inspecter pour trouver la classe de votre ic\u00f4ne<\/strong>. Celui que nous recherchons est socicon-nameofthenetwork.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Dans notre cas, le code pour ajouter une bordure \u00e0 une ic\u00f4ne Facebook serait :<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Bien s\u00fbr, vous choisirez votre propre couleur, et en ce qui concerne le style de bordure, examinez CSS et vous verrez qu&rsquo;en plus de &quot;solide&quot;, d&rsquo;autres options de style sont \u00e9galement disponibles.<\/p>\n<p>Par cons\u00e9quent, pour chacune des ic\u00f4nes auxquelles vous souhaitez ajouter la bordure, vous ajouterez un morceau de code avec les valeurs souhait\u00e9es.<\/p>\n<h2>Ajouter des ic\u00f4nes sociales aux pages<\/h2>\n<p>Vous pouvez utiliser le widget pour ajouter des ic\u00f4nes sociales non seulement \u00e0 votre barre lat\u00e9rale ou \u00e0 votre pied de page, mais \u00e9galement \u00e0 d&rsquo;autres parties du site. En fait, <strong>vous pouvez les ajouter \u00e0 n&rsquo;importe quelle page<\/strong>, dans le cadre de n&rsquo;importe quel contenu de page.<\/p>\n<p>Tout d&rsquo;abord, vous devez installer le plugin <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode<\/a>\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Ce plugin fonctionne en ins\u00e9rant un champ suppl\u00e9mentaire dans chacun des widgets utilis\u00e9s, <strong>contenant le shortcode du widget en question<\/strong>. Dans ce cas, il ajoute un champ avec le shortcode pour Social Icons Widget dans le widget lui-m\u00eame.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" alt=\"Un guide complet du widget d&#039;ic\u00f4nes sociales WordPress\"><\/a><\/p>\n<p>Copiez simplement <strong>le code et ins\u00e9rez-le o\u00f9 vous le souhaitez<\/strong>. Apr\u00e8s cela, vos ic\u00f4nes sociales, avec tous les param\u00e8tres que vous avez d\u00e9finis dans le widget, appara\u00eetront \u00e0 l&rsquo;endroit souhait\u00e9.<\/p>\n<h2>Derni\u00e8res pens\u00e9es<\/h2>\n<p>Alors voil\u00e0, un moyen rapide et facile d&rsquo;ajouter des ic\u00f4nes sociales \u00e0 votre site Web. Avec l&rsquo;aide de <strong>l&rsquo;excellent plugin Social Icons Widget de WPZOOM<\/strong>, vous pouvez cr\u00e9er un lien vers tous vos profils de r\u00e9seaux sociaux en un rien de temps, permettant \u00e0 vos visiteurs de vous contacter facilement sur tous les canaux de m\u00e9dias sociaux. Avec tout cela \u00e0 l&rsquo;esprit, n&rsquo;oubliez pas d&rsquo;\u00e9quiper votre site Web de <a href=\"https:\/\/themewp.inform.click\/fr\/5-meilleurs-plugins-wordpress-de-partage-de-medias-sociaux-2022\/\" title=\"plugins WordPress de partage de m\u00e9dias sociaux\">plugins WordPress de partage de m\u00e9dias sociaux<\/a>.<\/p>\n<p>PS Nous avons r\u00e9cemment eu une conversation avec l&rsquo;\u00e9quipe de WPZOOM, et ils nous ont dit que nous pouvions nous attendre \u00e0 de nombreuses mises \u00e0 jour et nouvelles fonctionnalit\u00e9s pour le plugin Social Icons Widget \u00e0 l&rsquo;avenir. Assurez-vous donc de vous connecter \u00e0 <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">leur blog<\/a><\/strong> pour rester au courant de toutes leurs derni\u00e8res nouvelles et sorties.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le Social Icons Widget est un excellent petit plugin WordPress qui vous permet d&rsquo;ajouter des liens pour vos profils de m\u00e9dias sociaux en utilisant des ic\u00f4nes sociales n&rsquo;importe o\u00f9 sur votre site.<\/p>\n","protected":false},"author":1,"featured_media":315724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-369607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=369607"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=369607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=369607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=369607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}