Ícones de redes sociais integrados

Mostre, ajuste o estilo ou exclua os ícones de redes sociais no seu site.

Ultima atualização 9 de Janeiro de 2025

Você pode expor ícones de redes sociais integrados no site após adicionar os links para redes sociais. Na maioria dos casos, os ícones aparecem automaticamente no cabeçalho do site ou após você os ativar nas configurações de estilo. Este guia mostra como ativar, ajustar o estilo e ocultar os ícones de redes sociais integrados.

Para saber como reorganizar os ícones; ou como adicionar e excluir os serviços aos quais esses ícones estão vinculados, confira Adicione um ícones de redes sociais. Para adicionar um ícone a outras áreas do seu site, use o bloco de links para redes sociais.

Acessando o recurso

Na versão 7.0, a capacidade de expor ícones de redes sociais integrados, além da localização deles, depende do template.

Exibição de ícones de redes sociais integrados por versão

A forma como os ícones de redes sociais integrados aparecem depende da versão do site.

Na versão 7.1, os sites podem expor os ícones de redes sociais integrados no cabeçalho do site. Para isso, talvez seja necessário ativá-los:

  1. Abra o painel "Páginas" e clique em Editar em uma página do seu site.
  2. Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
  3. Clique em Adicionar elementos e ative a opção Links para redes sociais.
  4. Se você ainda não adicionou links para redes sociais ao seu site, passe o cursor sobre o cabeçalho e clique em Links para redes sociais quando ele aparecer e, em seguida, clique no ícone de lápis. Você pode adicionar links para redes sociais na guia Conteúdo. Lembre-se de que seus links para redes sociais abrangem todo o site.
  5. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Saiba mais sobre o cabeçalho do site em Criando o cabeçalho do site.

Confira uma lista de onde os ícones de redes sociais integrados aparecem nas famílias de templates da versão 7.0. Em alguns templates, é necessário ativar os ícones para que eles apareçam. Saiba mais no guia do seu template.

Template Computador Dispositivo móvel
Adirondack Nenhum Nenhum
Avenue Rodapé Rodapé

Aviator

No canto superior direito ou na parte inferior central, dependendo do layout. Inferior central

Bedford

Nenhum Nenhum

Brine

Cabeçalho Nenhum

Farro

Cabeçalho Os ícones não aparecem
Five Cabeçalho e/ou rodapé Aparecem somente os ícones de rodapé
Flatiron Rodapé Rodapé
Forte Cabeçalho Sobreposição de navegação
Galapagos Nenhum Nenhum
Ishimoto Rodapé Rodapé
Momentum Barra de navegação Sobreposição de navegação

Montauk

Rodapé de informações Rodapé de informações
Native Rodapé Rodapé

Pacific

Nenhum Nenhum

Skye

Cabeçalho Rodapé
Supply Barra lateral de navegação Sobreposição de navegação

Tremont

Cabeçalho Cabeçalho
Wells Barra lateral de navegação Cabeçalho
Wexley Rodapé Rodapé

York

Nenhum Nenhum

Ajuste o estilo dos ícones de redes sociais

Você pode personalizar o tamanho, a margem e a cor dos ícones de redes sociais integrados do seu site.

Tamanho e margem

Para alterar o tamanho e a margem dos seus ícones de redes sociais:

  1. Clique em Editar em uma página e depois clique em Editar cabeçalho do site.
  2. Clique nos links para redes sociais, clique no ícone de lápis e, em seguida, clique em Design.
  3. Use o controle Tamanho do ícone de redes sociais para alterar o tamanho.
  4. Selecione uma forma para a Margem e escolha Contorno ou Cheia como estilo da margem.
  5. Se você escolher Contorno, use o controle Espessura para alterar a largura da margem.
  6. Clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.

Cor em cabeçalhos sólidos ou gradientes

Para alterar a cor dos ícones de redes sociais quando o estilo do plano de fundo do cabeçalho estiver definido como Sólido ou Gradiente:

  1. Ao editar uma página, abra o editor do cabeçalho
  2. No editor de cabeçalho, clique em Editar Design e, em seguida, clique em Cor.
  3. Clique em Cor da navegação para editar a cor dos links de navegação e dos ícones de redes sociais integrados.

Para alterar a cor do cursor dos ícones de redes sociais nos cabeçalhos Sólido ou Gradiente, edite o ajuste Fundo do botão principal no tema de cores padrão do seu site. Lembre-se de que isso também altera a cor dos botões que usam o estilo de botão primário no tema de cores padrão.

Cor nos Cabeçalhos adaptativos

Para alterar a cor dos ícones de redes sociais quando o estilo do plano de fundo do cabeçalho estiver como "Adaptativo":

  1. Ao editar uma página, abra os estilos do site e clique em Cores.
  2. Clique no ícone do lápis no tema de cores selecionado para o cabeçalho do site.
  3. Altere o ajuste dos links de navegação.
  4. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Nos cabeçalhos adaptáveis, para alterar a cor do cursor ao passos nos ícones de redes sociais, edite o ajuste Plano de fundo do botão principal no tema de cores da seção superior. Isso também altera a cor dos botões que usam o estilo do botão principal nas seções que usam esse tema de cores.

Para ajustar o estilo dos ícones de redes sociais:

  1. Abra o painel "Estilos do site".
  2. Clique nos ícones de redes sociais na prévia do site.
  3. Use os ajustes de estilo que aparecem para alterar o estilo dos ícones.
  4. Clique em Salvar.

Alguns templates têm mais opções, que podem incluir:

Ajuste no estilo Opções
Estilo dos ícones de redes sociais

Mude a forma dos ícones de redes sociais. As opções geralmente incluem:

  • Redondo
  • Square
  • Normal - formato padrão da identidade visual do serviço. O ícone do Facebook, por exemplo, tem formato de f.
Sobreposição de cores / cor alternativa Escolha uma segunda cor para exibição no banner
Cor padrão Use a cor padrão da identidade visual do serviço.

Oculte um ícone incorporado

Para ocultar os ícones de redes sociais integrados:

  1. Abra o painel "Páginas" e clique em Editar em uma página do seu site.
  2. Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
  3. Clique em Adicionar elementos e desative a opção Links para redes sociais.
  4. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .
  1. Abra o painel "Estilos do site".
  2. Procure pelos ajustes para as redes sociais. O nome do ajuste varia de acordo com o template, mas procure opções como Ocultar ícones de redes sociais, Mostrar ícones de redes sociais e Posição das redes sociais: ocultar. Você pode clicar nos ícones na prévia para encontrar o ajuste.
  3. Clique em Salvar.

Anotação

nos templates Flatiron e Native, os ícones de redes sociais integrados não podem ser ocultados.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Ícones de redes sociais integrados