{"id":369462,"date":"2023-04-05T16:21:00","date_gmt":"2023-04-05T13:21:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369462"},"modified":"2023-04-05T16:31:37","modified_gmt":"2023-04-05T13:31:37","slug":"um-guia-completo-para-o-widget-de-icones-sociais-do-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/um-guia-completo-para-o-widget-de-icones-sociais-do-wordpress\/","title":{"rendered":"Um guia completo para o widget de \u00edcones sociais do WordPress"},"content":{"rendered":"\n<p>\u00cdcones sociais s\u00e3o uma parte essencial de qualquer site. N\u00e3o importa o tipo de site \u2013 <strong>se voc\u00ea tiver perfis de m\u00eddia social, eles precisam estar vinculados ao seu site<\/strong>. \u00c9 uma das regras de ouro de sobreviver online nos dias de hoje e construir sua marca.<\/p>\n<p>O principal objetivo dos <strong>\u00edcones sociais \u00e9 ajud\u00e1-lo a se conectar rapidamente com seus visitantes<\/strong>. Hoje em dia, parece que todo mundo est\u00e1 online, em uma plataforma de m\u00eddia social ou outra.<\/p>\n<p>\u00c9 importante lembrar que, muitas vezes, as pessoas n\u00e3o querem se incomodar em entrar em um site. Em vez disso, eles seguem uma marca em sua p\u00e1gina de m\u00eddia social e obt\u00eam suas atualiza\u00e7\u00f5es, not\u00edcias e informa\u00e7\u00f5es de l\u00e1.<\/p>\n<p>\u00c9 por isso que \u00e9 vital que todas as empresas tenham uma forte presen\u00e7a nas m\u00eddias sociais e atualizem regularmente o perfil com informa\u00e7\u00f5es recuperadas do site.<\/p>\n<p>Claro, voc\u00ea precisar\u00e1 de uma base forte de seguidores e uma das maneiras de fazer isso \u00e9 adicionar \u00edcones sociais ao seu site. Ao clicar nesses \u00edcones, os visitantes s\u00e3o redirecionados para o seu perfil de m\u00eddia social, onde podem se tornar seus seguidores. Eles estar\u00e3o sempre atualizados com suas postagens e not\u00edcias, o que ser\u00e1 altamente ben\u00e9fico para sua marca.<\/p>\n<p>Voc\u00ea pode usar plugins para adicionar \u00edcones sociais e conect\u00e1-los com suas redes sociais, ou <a href=\"https:\/\/themewp.inform.click\/pt-pt\/mais-de-10-icones-de-midia-social-gratuitos-para-seu-site\/\" title=\"baixar \u00edcones de redes sociais gratuitamente\">baixar \u00edcones de redes sociais gratuitamente<\/a>, adicion\u00e1-los ao seu conte\u00fado e vincul\u00e1-los \u00e0 plataforma desejada.<\/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 de \u00edcones sociais<\/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=\"Um guia completo para o widget de \u00edcones sociais do 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> \u00e9 uma excelente maneira de adicionar \u00edcones sociais ao seu site. Este plugin de \u00edcone social permite que voc\u00ea <strong>adicione links r\u00e1pidos a todos os seus perfis sociais rapidamente<\/strong>, al\u00e9m de n\u00e3o exigir nenhum conhecimento especial. Voc\u00ea n\u00e3o precisa saber codificar, um n\u00edvel b\u00e1sico de conhecimento em inform\u00e1tica serve.<\/p>\n<p>Este plug-in de \u00edcone social <strong>adiciona links r\u00e1pidos ou \u00edcones em qualquer lugar que voc\u00ea quiser em seu site<\/strong>, que seus visitantes podem usar para acessar seus perfis de m\u00eddia social.<\/p>\n<p>Este plugin salva-vidas suporta mais de 80 redes sociais. Apostamos que voc\u00ea nem sabia que havia tantos deles, n\u00e3o \u00e9? Bem, Social Icons Widget suporta todos eles.<\/p>\n<p>Al\u00e9m disso, voc\u00ea pode reorganizar e classificar os \u00edcones arrastando e soltando, <strong>aplicar um dos muitos estilos dispon\u00edveis e personalizar os \u00edcones<\/strong>. O seletor de cores foi disponibilizado recentemente, para que voc\u00ea possa alterar a cor do \u00edcone para qualquer coisa que desejar.<\/p>\n<p>\u00cdcones prontos para retina, integra\u00e7\u00e3o FontAwesome e suporte para Skype, Viber e WhatsApp s\u00e3o outros recursos que diferenciam este plugin dos outros.<\/p>\n<p>Quanto ao uso real dos \u00edcones sociais, voc\u00ea pode <strong>coloc\u00e1-los na <a href=\"https:\/\/themewp.inform.click\/pt-pt\/o-que-e-a-barra-lateral-do-wordpress-e-como-cria-la\/\" title=\"barra lateral\">barra lateral<\/a>, no <a href=\"https:\/\/themewp.inform.click\/pt-pt\/o-que-e-rodape-e-como-adiciona-lo-no-wordpress\/\" title=\"rodap\u00e9\">rodap\u00e9<\/a> ou em qualquer uma das p\u00e1ginas do seu site<\/strong>. A escolha \u00e9 sua. Al\u00e9m disso, o plugin \u00e9 atualizado regularmente com novos recursos e novos \u00edcones s\u00e3o adicionados constantemente.<\/p>\n<p>Dependendo do seu conhecimento, voc\u00ea pode definir o widget de \u00edcones sociais wp usando diferentes op\u00e7\u00f5es de configura\u00e7\u00e3o. Abaixo, voc\u00ea pode conferir um guia para iniciantes e profissionais ou aprender como adicionar \u00edcones sociais \u00e0s suas p\u00e1ginas.<\/p>\n<h2>Configura\u00e7\u00f5es b\u00e1sicas para iniciantes<\/h2>\n<p>Ap\u00f3s a instala\u00e7\u00e3o do plugin, um novo widget aparece. Arraste-o para a \u00e1rea desejada e j\u00e1 \u00e9 metade do trabalho feito!<\/p>\n<p>Al\u00e9m disso, se preferir monitorar as altera\u00e7\u00f5es que est\u00e1 fazendo na mesma janela, voc\u00ea pode editar seus widgets em Apar\u00eancia &gt; Personalizar &gt; Widgets, assim como faz para <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-widgets-do-wordpress-ao-seu-site\/\" title=\"adicionar e editar todos os outros widgets\">adicionar e editar todos os outros 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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Social Icons Widget \u00e9 um <strong>plugin muito f\u00e1cil de usar<\/strong>. \u00c9 f\u00e1cil configurar a partir do back-end e personaliz\u00e1-lo de acordo com suas necessidades.<\/p>\n<p>A primeira coisa que voc\u00ea quer fazer com seu novo plugin de \u00edcone social \u00e9 <strong>adicionar links aos seus perfis de m\u00eddia social<\/strong> :<\/p>\n<ul>\n<li>Digite ou cole seus links<\/li>\n<li>Depois de inserir o endere\u00e7o, o <strong>\u00edcone social correspondente aparecer\u00e1<\/strong>. Isso, no entanto, se aplica \u00e0s maiores e mais usadas redes sociais. Como dissemos anteriormente, o Social Icons Widget suporta mais de 80 plataformas de m\u00eddia social e, para algumas delas, o \u00edcone n\u00e3o aparece automaticamente.<\/li>\n<li>Para <strong>adicionar um link para seu e-mail<\/strong>, verifique se ele est\u00e1 no seguinte formato: mailto: yourmail@example.com.<\/li>\n<li>Para <strong>alterar a ordem dos \u00edcones<\/strong>, use as setas localizadas ao lado de cada um deles.<\/li>\n<li>Para <strong>excluir as altera\u00e7\u00f5es em caso de erro<\/strong>, use a lixeira \u00e0 direita.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<ul>\n<li>Clicar no \u00edcone abre um campo onde voc\u00ea pode <strong>escolher o \u00edcone que deseja usar<\/strong>. O pr\u00f3prio plugin sugere um \u00edcone, mas, claro, voc\u00ea n\u00e3o precisa seguir essa sugest\u00e3o.<\/li>\n<li>Outra coisa que voc\u00ea pode escolher \u00e9 a <strong>cor do \u00edcone e o foco<\/strong>, al\u00e9m de escolher uma das v\u00e1rias fontes de \u00edcone diferentes.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Ao contr\u00e1rio dessas configura\u00e7\u00f5es, nas quais fazemos modifica\u00e7\u00f5es em cada \u00edcone individual, tamb\u00e9m existem configura\u00e7\u00f5es gerais. <strong>As configura\u00e7\u00f5es gerais se aplicam a todos os \u00edcones sociais que estamos usando<\/strong> e s\u00e3o \u00fateis quando queremos fazer altera\u00e7\u00f5es em todos eles em massa.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>No campo a seguir, voc\u00ea <strong>adiciona um t\u00edtulo ao widget de \u00edcones sociais, bem como uma descri\u00e7\u00e3o<\/strong> a ser exibida acima. Voc\u00ea pode usar HTML b\u00e1sico, se souber como.<\/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=\"Um guia completo para o widget de \u00edcones sociais do 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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Uma grande coisa sobre o Social Icons Widget \u00e9 que ele <strong>usa as configura\u00e7\u00f5es de fonte padr\u00e3o da barra lateral<\/strong>. Dessa forma, voc\u00ea pode ter certeza de que tudo ser\u00e1 consistente com o restante da p\u00e1gina. O espa\u00e7o \u00e9 um pouco irregular, mas trataremos disso mais tarde.<\/p>\n<p>Outra coisa muito \u00fatil que vem com este plugin de \u00edcone social \u00e9 a op\u00e7\u00e3o Abrir links em uma nova guia e definir o link nofollow. Para aplic\u00e1-los, basta marcar a caixa correspondente.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Quanto aos r\u00f3tulos do \u00edcone Mostrar, esta op\u00e7\u00e3o permite <strong>definir se haver\u00e1 algum tipo de t\u00edtulo ao lado do \u00edcone<\/strong>. Pode ser um t\u00edtulo padr\u00e3o, se o plugin reconhecer o \u00edcone, como \u00e9 o caso do \u00edcone do Facebook. Voc\u00ea pode adicionar seu pr\u00f3prio t\u00edtulo, \u00e9 claro, usando o campo localizado acima do campo de endere\u00e7o do site.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Em seguida, <strong>voc\u00ea pode definir o alinhamento<\/strong>: Nenhum, Esquerda, Centro, Direita. Voc\u00ea tamb\u00e9m pode escolher entre dois estilos de \u00edcone dispon\u00edveis.<\/p>\n<p>Outra coisa que voc\u00ea pode definir \u00e9 o <strong>tamanho do \u00edcone e o preenchimento<\/strong> do \u00edcone, que \u00e9 o preenchimento dentro do pr\u00f3prio \u00edcone \u2013 entre o s\u00edmbolo e a borda.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Quanto ao <strong>estilo de fundo do \u00edcone<\/strong>, voc\u00ea tem tr\u00eas op\u00e7\u00f5es para escolher:<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<h2>Configura\u00e7\u00f5es avan\u00e7adas<\/h2>\n<p>Mencionamos anteriormente o espa\u00e7o, ou especificamente \u2013 preenchimento, entre a descri\u00e7\u00e3o e os \u00edcones sociais. Se o espa\u00e7amento for muito pequeno, muito grande ou irregular, voc\u00ea pode corrigi-lo <strong>adicionando algumas linhas simples de CSS<\/strong>.<\/p>\n<p>V\u00e1 para Apar\u00eancia &gt; Personalizar e procure por CSS Adicional.<\/p>\n<p>Use o lado esquerdo do editor para adicionar o c\u00f3digo e siga as altera\u00e7\u00f5es ao vivo \u00e0 direita. Caso a p\u00e1gina em que voc\u00ea deseja trabalhar n\u00e3o seja exibida no campo \u00e0 direita, fique \u00e0 vontade para usar o menu para navegar pelo site e acessar a p\u00e1gina em quest\u00e3o.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Use o c\u00f3digo a seguir para adicionar o preenchimento entre a descri\u00e7\u00e3o e os \u00edcones:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Claro, usamos 15px apenas para fins de exemplo. Voc\u00ea pode usar um valor diferente, aquele que faz sentido em sua p\u00e1gina. <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-inspecionar-elementos-do-site-em-seu-navegador\/\" title=\"Inspecione seus elementos\">Inspecione seus elementos<\/a> e encontre o tamanho de preenchimento perfeito.<\/p>\n<p>Outro tipo de espa\u00e7amento que voc\u00ea provavelmente vai querer cuidar \u00e9 o <strong>espa\u00e7o na frente da linha de \u00edcones<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Use a seguinte linha de c\u00f3digo:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>Novamente, voc\u00ea definir\u00e1 seu pr\u00f3prio valor aqui, em vez do zero que usamos no exemplo. Observe que esta e a linha de c\u00f3digo mencionada anteriormente se referem \u00e0 mesma classe .zoom-social-icons-list.<\/p>\n<p>Para definir os dois valores ao mesmo tempo, voc\u00ea usar\u00e1 essa classe e adicionar\u00e1 os dois valores, assim:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode <strong>definir o valor do preenchimento ou o espa\u00e7o entre os pr\u00f3prios \u00edcones<\/strong>. Se o preenchimento atual for muito grande ou muito pequeno, voc\u00ea pode alter\u00e1-lo digitando o seguinte c\u00f3digo:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>Mais uma vez, estes s\u00e3o apenas os valores de exemplo \u2013 voc\u00ea ir\u00e1 inserir os seus pr\u00f3prios.<\/p>\n<p>Outra coisa sobre seus \u00edcones sociais que voc\u00ea pode personalizar \u00e9 a borda. Por exemplo, voc\u00ea pode <strong>deixar todos os seus \u00edcones sociais da mesma cor com uma borda colorida diferente ao redor deles<\/strong>. Por exemplo:<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Isso \u00e9 realmente muito f\u00e1cil de fazer. J\u00e1 explicamos como deixar todos os \u00edcones da mesma cor. <strong>Use a ferramenta Inspecionar para encontrar a classe do seu \u00edcone<\/strong>. O que estamos procurando \u00e9 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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>No nosso caso, o c\u00f3digo para adicionar uma borda a um \u00edcone do Facebook seria:<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Claro, voc\u00ea escolher\u00e1 sua pr\u00f3pria cor e, quanto ao estilo de borda, olhe para CSS e ver\u00e1 que al\u00e9m de &#8220;s\u00f3lido&quot; existem outras op\u00e7\u00f5es de estilo dispon\u00edveis tamb\u00e9m.<\/p>\n<p>Portanto, para cada um dos \u00edcones aos quais voc\u00ea deseja adicionar a borda, voc\u00ea adicionar\u00e1 um peda\u00e7o de c\u00f3digo com os valores desejados.<\/p>\n<h2>Adicionando \u00edcones sociais a p\u00e1ginas<\/h2>\n<p>Voc\u00ea pode usar o widget para adicionar \u00edcones sociais n\u00e3o apenas \u00e0 barra lateral ou ao rodap\u00e9, mas tamb\u00e9m a outras partes do site. Na verdade, <strong>voc\u00ea pode adicion\u00e1-los a qualquer p\u00e1gina<\/strong>, como parte do conte\u00fado de qualquer p\u00e1gina.<\/p>\n<p>Primeiro, voc\u00ea precisa instalar o plug-in <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode<\/a> :<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Este plugin funciona inserindo um campo adicional dentro de cada um dos widgets utilizados, <strong>contendo o shortcode do widget em quest\u00e3o<\/strong>. Neste caso, ele adiciona um campo com o shortcode para Social Icons Widget dentro do pr\u00f3prio widget.<\/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=\"Um guia completo para o widget de \u00edcones sociais do WordPress\"><\/a><\/p>\n<p>Basta <strong>copiar o c\u00f3digo e inseri-lo onde quiser<\/strong>. Depois disso, seus \u00edcones sociais, com todas as configura\u00e7\u00f5es que voc\u00ea fez no widget, aparecer\u00e3o no local desejado.<\/p>\n<h2>Pensamentos finais<\/h2>\n<p>Ent\u00e3o a\u00ed est\u00e1, uma maneira r\u00e1pida e f\u00e1cil de adicionar \u00edcones sociais ao seu site. Com a ajuda <strong>do excelente plug-in Social Icons Widget do WPZOOM<\/strong>, voc\u00ea pode vincular a todos os seus perfis de redes sociais rapidamente, permitindo que seus visitantes entrem em contato com voc\u00ea facilmente em todos os canais de m\u00eddia social. Com tudo isso em mente, n\u00e3o se esque\u00e7a de equipar seu site com <a href=\"https:\/\/themewp.inform.click\/pt-pt\/5-melhores-plugins-wordpress-de-compartilhamento-de-midia-social-2022\/\" title=\"plugins WordPress de compartilhamento de m\u00eddia social\">plugins WordPress de compartilhamento de m\u00eddia social<\/a>.<\/p>\n<p>PS Recentemente, conversamos com a equipe do WPZOOM, e eles nos disseram que podemos esperar muitas atualiza\u00e7\u00f5es e novos recursos para o plugin Social Icons Widget no futuro. Portanto, certifique-se de sintonizar <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">o blog deles<\/a><\/strong> para se manter atualizado com todas as \u00faltimas not\u00edcias e lan\u00e7amentos.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Social Icons Widget \u00e9 um \u00f3timo plugin WordPress que permite adicionar links para seus perfis de m\u00eddia social usando \u00edcones sociais em qualquer lugar do seu 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":[573],"tags":[848],"class_list":["post-369462","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=369462"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369462\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=369462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}