Iconfinder<\/a>, oferecem diversos pacotes de ícones para uso.<\/p>Já com os ícones baixados em seu computador, faça upload dos arquivos para a biblioteca de mídia do WordPress. Acesse Mídia <\/b>> Adicionar nova<\/b>.<\/p>
Com a ajuda do plugin certo é possível subir o pacote de ícones inteiro de uma só vez.<\/p>
Agora é preciso adicionar um widget redes sociais WordPress em seu site.<\/p>
No painel do WordPress, navegue até Aparência <\/b>> Widgets<\/b>. Então adicione o widget “HTML Personalizado” arrastando-o até o cabeçalho, rodapé ou menu lateral.<\/p>
Preencha o título como “Redes Sociais”, por exemplo, e cole o seguinte código:<\/p>
<div><a href=\"http:\/\/instagram.com\/usuário\"><img style=\"margin:5px\" src=\"[caminho do ícone]\"><\/a><a href=\"http:\/\/facebook.com\/usuário\"><img style=\"margin:5px\" src=\"caminho do ícone]\" width=\"30\" height=\"30\" alt=\"Facebook\"><\/a><a href=\"http:\/\/youtube.com\/user\/usuário\" ><img style=\"margin:5px\" src=\"[caminho do ícone]\" width=\"30\" height=\"30\" alt=\"Instagram\"><\/a><\/div><\/pre>\n\n\n
\n
Dica<\/h4>\n Perceba que usuário<\/strong> e caminho do ícone<\/strong> aparecem diversas vezes no código. Substitua pelo perfil de sua conta na rede social e insira a URL direta do ícone a ser mostrado.<\/p>\n <\/div>\n\n\n<\/p>\n
Para saber qual é a URL exata a ser inserida no código, acesse Mídia<\/b> > Biblioteca<\/b> e clique no ícone. À direita você vai encontrar um campo URL<\/b>, este é o endereço a ser adicionado no código.<\/p>\n
Seu código final irá ficar mais ou menos assim:
Verifique se a URL do ícone termina com extenssão de imagem, como .png<\/b> ou .jpg<\/b>. Caso contrário significa que você copiou o código errado e o ícone não irá aparecer.<\/p>
Depois de inserir os códigos, clique em Salvar<\/b>. Então acesse seu site e confira se o ícone foi adicionado corretamente.<\/p>\n
Agora que já sabe como adicionar ícones, você pode repetir o mesmo processo para outros botões que desejar. O processo é simples e não leva muito tempo, mas é extremamente útil para criar engajamento com seus visitantes.<\/p>
Conclusão<\/b><\/h2> Adicionar ícones de redes sociais no seu site é uma ótima maneira de ganhar seguidores e aumentar a visibilidade de sua marca online.<\/p>
Agora você já sabe como colocar redes sociais no WordPress. Esperamos que esse artigo tenha sido útil. Até a próxima!<\/p>\n","protected":false},"excerpt":{"rendered":"
Muitas pessoas possuem outros canais de comunicação além de seus sites, então por que não compartilhar com seus visitantes? Neste artigo vamos ensinar como colocar redes sociais no WordPress. Para que seus visitantes possam seguir seu trabalho nas redes sociais, é preciso levá-los até lá primeiro. A melhor maneira de fazer isso é adicionando ícones […]<\/p>\n
Read More…<\/a><\/p>\n","protected":false},"author":92,"featured_media":30314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como Adicionar \u00cdcones de Redes Sociais no WordPress","rank_math_description":"Aumente a visibilidade de sua marca divulgando suas redes sociais no seu site. Aprenda como colocar redes sociais no WordPress.","rank_math_focus_keyword":"como colocar redes sociais no wordpress","footnotes":""},"categories":[4911],"tags":[6287,4798],"class_list":["post-14585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-icones-redes-sociais","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/adicionar-icones-redes-sociais","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/iconos-redes-sociales-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/logo-sosmed-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/iconos-redes-sociales-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/iconos-redes-sociales-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/iconos-redes-sociales-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/adicionar-icones-redes-sociais","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/social-media-icons-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/social-media-icons-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=14585"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14585\/revisions"}],"predecessor-version":[{"id":39486,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14585\/revisions\/39486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/30314"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=14585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=14585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=14585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Baixar](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/02\/download-dos-icones.png\/public\")
<\/figure><\/div>![\"caminho](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/02\/url-do-icone.png\/public\")
<\/figure><\/div>![\"Exemplo](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/02\/exemplo-de-codigo.png\/public\")
<\/figure><\/div>![\"Modelo](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/02\/site-com-icones.jpg\/public\")
<\/figure><\/div>