WordPress.com

Este guia irá guiá-lo através de como adicionar botões de mídia social à sua barra lateral ou rodapé para que as pessoas possam se conectar com você através de suas redes sociais preferidas.

💡

Ainda a esta opção de adicionar um widget de ícones sociais, você também pode selecionar um tema que tenha um menu social dedicado, onde você pode adicionar links para suas contas de redes sociais, e eles serão exibidos como ícones em seu site. Ou, você pode usar o bloco Links Sociais para adicionar links às suas redes sociais em qualquer lugar do seu site usando estas instruções.

Tabela de Conteúdos

Ícones disponíveis

Suportamos ícones para uma variedade de redes.

Clique aqui para expandir uma lista de ícones disponíveis.

500px

Amazônia

Aplicação

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Endereços de e-mail (se o seu e-mail for [email protected], digite mailto:[email protected] no campo URL da Conta)

Etsy

Flickr

Quadrado

Bom-relógios

Google

GitHub

Instagrama

iTunes

LinkedIn

Medio

Meetup

Pinteresse

Pocket

Ravelry

Reddit

RSS feeds

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

PalavraPress

Ajuda

YouTube

💡

Não vê a sua rede social listada nos ícones disponíveis acima?

Pode adicionar qualquer outra rede social ou plataforma externa usando os passos em Add Custom Social Icons abaixo.

>

Tabela de Conteúdos

Widget Ícones Sociais

O Widget Ícones Sociais exibe pequenos gráficos ligados às suas contas de redes sociais, em qualquer área widget do seu tema. Depois de adicionar links aos seus perfis sociais, ícones são automaticamente exibidos no seu site, permitindo que seus visitantes se conectem com você através de suas redes preferidas.

Tabela de conteúdos

Adicionar os ícones sociais Widget

  1. Vá para o(s) meu(s) site(s) → Design → Personalizar
  2. Clique nos Widgets e verá as diferentes áreas de widgets que o seu tema suporta. Quase todos os temas terão, no mínimo, uma área de widgets de rodapé. Alguns também têm widgets de barra lateral ou outras áreas de widgets.
  3. Clique em uma área Widget disponível; neste exemplo, estamos clicando na área widget Rodapé.
  4. Clique em Adicionar um Widget e procure por Social ou navegue pelos widgets disponíveis para encontrar o widget Ícones Sociais.
Nota: se você instalou plugins, você verá (Jetpack) no final do título do widget Ícones Sociais.
  1. Clique no widget para adicioná-lo à sua área de Widgets.
  2. Personalize as diferentes opções de visualização, incluindo o título do widget e o tamanho dos ícones.

  1. Adicionar o link para o seu primeiro perfil de rede social. Por exemplo, https://www.facebook.com/WordPresscom/

📌

>

Certifique-se de adicionar o link completo, incluindo a parte do endereço do site.

>

  1. Clique na opção Adicionar um ícone para adicionar mais ícones sociais ao seu widget.
Clique no botão Add an Icon para adicionar outro ícone social

⚠️

Cada link que você adicionar ao widget Ícones Sociais será automaticamente exibido como o ícone dessa rede social na pré-visualização no Customizer.

Se você não vir o ícone apropriado da rede social, verifique se você digitou o link correto para sua rede social, incluindo a parte do endereço.

>

Quando você terminar de adicionar seus links de perfil social, clique em Publish, ou Save Changes, para adicionar o widget Ícones Sociais ao seu site.

Os seus novos e brilhantes Ícones Sociais estão agora no seu site!

Tabela de conteúdos

Reordenar os ícones

Pode alterar a ordem dos seus ícones a qualquer momento, arrastando-os e deixando-os cair na sequência desejada. Sua nova ordem será refletida ao vivo no painel de visualização do Customizer.

Tabela de conteúdos

Adicionar ícones sociais personalizados

A cor dos ícones sociais em seu site depende do tema que você está usando. Se você quiser adicionar ícones com uma cor específica ou quiser mais controle sobre como os ícones aparecem, você pode adicionar ícones personalizados usando o Widget de Texto ou um Widget HTML Personalizado e um pouco de HTML. Isto também é útil se você quiser adicionar ícones para redes sociais menos populares.

Passo 1. Encontre alguns ícones de redes sociais que você gosta, e carregue-os na sua Biblioteca de Mídia.

Você pode já ter alguns ícones que você gostaria de usar, mas se não tiver, você pode usar o Google “ícones de redes sociais grátis”. Ao escolher imagens, tenha cuidado para não violar nenhum direito autoral. Uma vez que você tenha encontrado alguns que você gosta, baixe-os para o seu computador.

Carregue o ícone na sua Galeria de Mídias

  1. Vá ao Meu Site → Site → Mídia → Adicionar Novo
  2. Navegue até o local no seu computador onde você salvou o imagens que você quer usar como ícones
  3. Carregar os ícones para a sua Galeria de Mídia

Receba o link para o seu Ícone de Mídia Social

  1. Vá para o Meu Site → Site → Mídia.
  2. Clique na imagem do seu ícone social carregado e clique em Editar.
  3. Baixo da opção URL, clique em Copiar para salvar o link para a área de transferência do seu computador.
  4. Clique em Concluído para sair do editor de mídia.

Passo 2. Adicione um widget Texto ou um widget HTML personalizado e formate seus botões usando HTML.

Adicionar o Widget Ícone Social Personalizado

Certifique-se de ter o link para o ícone de mídia social que você carregou usando os passos acima em Get the Link to your Social Media Icon.

  1. Vá para My Sites → Design → Customize → Widgets.
  2. Selecione a área do widget onde você gostaria que seus ícones aparecessem.
  3. Clique Adicionar um Widget e localize o Widget Texto ou Widget HTML Personalizado
  4. Clique o nome do Widget para adicionar o widget.

Adicionar o Widget de Ícone Social Personalizado HTML

Adicionar um título ao seu widget se você quiser, e então adicione HTML ao seu widget seguindo a estrutura abaixo:

  • Substituir o link de referência: endereço com o link completo ao seu perfil social.
  • Substitua o link da imagem: com o link para o seu ícone de mídia social carregado.
  • Opcional: ajuste o width e height para o tamanho do seu ícone preferido.

Repetir o código HTML no widget de texto ou HTML existente para cada ícone que você quer que apareça no seu site.

Passo 3. Uma vez terminado, clique em Publish e confira seus novos botões de mídia social!

Índice

Exemplos e imagens de exemplo

Se você estiver tendo problemas para encontrar ícones de mídia social na web e gostaria de alguns exemplos para usar, você pode encontrar mais neste site.

Para usar estes ícones no seu widget primeiro, crie um Widget de Texto em branco do Design → Personalize os Widgets →.

Próximo, copie o bloco de código da página Social Media Widgets para o estilo de ícone que você preferir:

Índice

Perguntas frequentes

Por que o ícone de mídia social não aparece?

Se você estiver usando uma versão localizada do endereço da sua página de mídia social, os ícones de mídia social podem não aparecer. Em vez disso, tente substituir a seção local do seu link de mídia social pela versão global.

Exemplo: https://www.pinterest.fr/yourpinterest/ deve ser substituído por https://www.pinterest.com/yourpinterest/

Este guia foi útil?

Planos versáteis e preços

  • Livre

    >

    Melhor para estudantes

  • Pessoal

    Melhor para hobbyists

  • Premium

    Best for freelancers

  • Business

    Best for small businesses

Escolher um plano