Guias/Criar conteúdo/Widgets/Personalizar seus ícones de redes sociais

Personalizar seus ícones de redes sociais

Depois de adicionar seus ícones de redes sociais, você pode personalizar a aparência deles para corresponder ao design do seu site. O bloco de ícones de redes sociais oferece várias opções de estilo, abordadas neste guia.

Alterar o estilo do ícone

Siga estas etapas para escolher uma das opções de estilo do ícone predefinidas:

  1. Selecione Visualização em lista na parte superior esquerda do editor.
  2. Clique no bloco de ícones de redes sociais na visualização em lista.
  3. Na barra lateral de configurações de bloco, clique na guia Estilos (o ícone parece um círculo preto e branco):
  4. Em Estilos, escolha entre:
    • Padrão: ícones padrão.
    • Apenas o logotipo: apenas os logos das redes sociais.
    • Retângulo com pontas arredondadas: ícones com cantos arredondados.
  5. Clique em Salvar ou Publicar na parte superior direita para aplicar as alterações.
A opção de estilos de ícone na barra lateral de estilos referentes às configurações do bloco de ícone de redes sociais.

Alterar cores de ícone

Para alterar a cor do ícone ou a cor de fundo do bloco de ícones de redes sociais, siga estas etapas:

  1. Selecione Visualização em lista na parte superior esquerda do editor.
  2. Clique no bloco de ícones de redes sociais na visualização em lista.
  3. Na barra lateral de configurações de bloco, clique na guia Estilos (o ícone parece um círculo preto e branco):
  4. Em Configurações de cor, terá opções para:
    • Cor do ícone: altera a cor dos ícones sociais.
    • Fundo do ícone: altera a cor atrás dos ícones.
    • Use o menu () para ativar a opção de plano de fundo e definir a cor de fundo de todo o bloco de ícones de redes sociais.
  5. Clique em Salvar ou Publicar na parte superior direita para aplicar as alterações.
As configurações de cor na barra lateral do bloco de ícones de redes sociais.

Saiba mais sobre as configurações de cor.

Redimensionar seus ícones

Você pode redimensionar os ícones seguindo estas etapas:

  1. Selecione Visualização em lista na parte superior esquerda do editor.
  2. Clique no bloco de ícones de redes sociais na visualização em lista.
  3. Na barra de ferramentas do bloco que aparece, clique na configuração Tamanho e escolha entre:
    • Pequeno
    • Médio
    • Grande
    • Enorme
  4. Clique em Salvar ou Publicar na parte superior direita para aplicar as alterações.
A opção de tamanho na barra de ferramentas do bloco de ícones de redes sociais.

Adicionar rótulos de texto

Por padrão, os ícones sociais são exibidos sem rótulos de texto. Para adicionar rótulos:

  1. Selecione Visualização em lista na parte superior esquerda do editor.
  2. Clique no bloco de ícones de redes sociais na visualização em lista.
  3. Na barra lateral de configurações do bloco, encontre a opção Mostrar texto e ative-a. O nome da plataforma de rede social aparecerá com o ícone.
  4. Se você quiser modificar o texto, clique em um ícone único e abra a barra lateral de configurações do bloco.
  5. Digite o texto que você quer que apareça no campo Texto.
  6. Clique em Salvar ou Publicar na parte superior direita para aplicar as alterações.
Ícones de redes sociais exibindo o rótulo do texto.

Adicionar uma borda aos seus ícones de redes sociais

Para adicionar uma borda ou sombra ao seu bloco de ícones de redes sociais, siga estas etapas:

  1. Selecione Visualização em lista na parte superior esquerda do editor.
  2. Clique no bloco de ícones de redes sociais na visualização em lista.
  3. Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele parece um círculo preto e branco.
  4. Encontre a seção Borda.
  5. Ajuste a largura, a cor e o raio da borda usando os controles disponíveis.

Saiba mais sobre como adicionar uma borda.

Copied to clipboard!