Obs.: embora os nossos guias mais acessados tenham sido traduzidos para o espanhol, outros guias estão disponíveis apenas em inglês.

Blocos de Links de Redes Sociais

Use Social Links Blocks to add social icons anywhere you can add blocks to your site. The icons link to the URLs you add in the Social Links panel. It’s common to add this block to a footer.

Para ver uma lista de logotipos de plataforma disponíveis, e se seu template exibe ícones internos adicionais, acesse Como adicionar ícones de redes sociais.

Tip: To help you get started, your template might include a Social Links Block in its demo content. To customize the block, hover over it and click Edit or the pencil icon.

Antes de começar

The Accounts tab of Social Links Blocks reflects the information added to the Social Links panel of your site. When you update the social links in a Social Links Block, they also update in the Social Links panel.

Because of this, all Social Links Blocks show the same social icons. If you add or remove a social link in one Social Links Block, all other Social Links Blocks on your site will reflect the change. It's not possible to have Social Links Blocks display different social icons.

Adicione um Bloco de Links de Redes Sociais

Para adicionar um Bloco de Links de Redes Sociais

  1. Edite uma página ou publicação, clique em um ponto de inserção e selecione Links Sociais no menu. Veja ajuda em Adição de blocos.
  2. In the block editor, add or edit social icons.
  3. Use the Design tab to change the design of the social links.
  4. Click Apply to save your changes.

Adicione ou edite ícones de redes sociais

Adicione um novo ícone social na aba Contas :

  1. Copy and paste a URL for a profile page or email address in the Add a social link or email box.
  2. Pressione Enter no teclado.

To remove an account, click the account, click Remove, then click Confirm. To change the order of the icons, drag and drop the accounts.

You can also add and edit social icons in the Social Links panel of your site. Keep in mind, any changes made in the Social Links panel affect all the Social Links Blocks on your site, and vice versa.

Altere o design

Customize the design of the icons using the following settings in the Design tab:

Dica: essas configurações não afetam ícones de redes sociais integrados, que possuem suas próprias configurações de estilo.
Configuração Opções
Alignment (Alinhamento)

Altere o alinhamento dos ícones em relação ao contêiner do bloco. Escolha entre:

  • Esquerda
  • Centro
  • Direita
Size (Tamanho)

Altere o tamanho do ícone. Escolha entre:

  • Extra Small (Super Pequeno)
  • Small (Pequeno)
  • Medium (Médio)
  • Large (Grande)
  • Extra Large (Extra Grande)
Style (Estilo)

Altere o estilo ou formato dos ícones. Escolha entre:

  • Regular - Formato padrão da marca do serviço. Por exemplo, o ícone do Facebook será no formato de um f.
  • Circle - Border (Círculo - Contorno)
  • Circle - Knockout (Círculo - Knockout)
  • Circle - Solid (Círculo - Sólido)
  • Square - Border (Quadrado - Contorno)
  • Square - Knockout (Quadrado - Knockout)
  • Square - Solid (Quadrado - Sólido)
  • Rounded - Border (Redondo - Contorno)
  • Rounded - Knockout (Redondo - Knockout)
  • Rounded - Solid (Redondo - Sólido)
Cor (somente versão 7.0)

Altere a cor do plano de fundo dos ícones. Escolha entre:

  • Black
  • Branco
  • Padrão - os ícones correspondem à identidade visual do serviço. Por exemplo, o ícone do Facebook será azul.

Altere a cor dos ícones (versão 7.1)

Na versão 7.1, siga estes steps para alterar a cor dos ícones de redes sociais (em vez da aba Design do editor do bloco):

  1. In the Home Menu, click Design, then click Colors.
  2. Under Theme, hover over your chosen theme and click the pencil icon.
  3. Scroll down to Social Links Block.
  4. Use Main Color to change the color of the social icons. If you're using a Solid style for the icons, you can also use the Secondary Color tweak.
  5. Click Save.
Esse artigo foi útil?
Usuários que acharam isso útil: 128 de 437
Blocos de Links de Redes Sociais