Ícones sociais são pequenas imagens ou botões que vinculam aos perfis de mídia social da sua organização. O bloco de ícones sociais do GutenKit é uma maneira eficaz e direta de adicionar mídias sociais populares às suas postagens e páginas. Ele é enriquecido com recursos e permite que você estilize os ícones adicionados de forma agradável.

Verifique a documentação e saiba como você pode utilizar o bloco de ícones sociais do GutenKit.

Como usar os ícones sociais do GutenKit? #

Usar Ícones Sociais do GutenKit, acesso ao seu painel do WordPress –

• Vá para Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Ícones Sociais”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Conteúdo de ícones sociais personalizados #

Clique e expanda a seção de conteúdo e comece a editar.

Escolha o estilo #

Você pode escolher qualquer estilo de ícones. Há três opções – você pode mostrar apenas ícones, apenas textos ou ícones com texto.

Espaço do item entre #

Este recurso permite ajustar os espaços entre dois ícones.

Ajustando o alinhamento #

Você pode mostrar os ícones em qualquer lado do post/página que quiser. As opções de alinhamento são – Início, Centro, Fim, Espaço entre.

Adicionar/Remover Ícones #

Aqui, você tem a opção de adicionar e remover ícones. Expandindo o nome de um ícone, você terá a opção de personalizar o nome, a cor, o estilo de foco, a cor, adicionar um link e outras coisas.

Agora, apresentaremos as opções de estilo para estilizar seus ícones. Vá para a seção Estilo e encontre –

• Mostrar: As opções são Inline e Block. Inline mostrará os ícones horizontalmente e Block os mostrará verticalmente.
• Decoração: Este recurso é para ícones de estilo de texto. Os estilos são – normal, sublinhado, tachado.
• Borda do item: Você pode definir uma borda ao redor dos ícones. Quando você expandir a opção, ela mostrará as opções de cor e estilo.
• Raio da borda do item: Se você escolher um tipo de borda, poderá ajustar o raio da borda aqui.
• Preenchimento de itens: Esta opção ajusta o preenchimento.

• Tamanho do ícone: Permite que você defina o tamanho do ícone.
• Usar Altura Largura: Se você quiser ajustar a altura e a largura dos ícones, você tem que alternar o botão. Agora, você pode ver as opções, largura, e altura e utilizá-los adequadamente.
• Sombra da caixa: Adicionar sombra a Normal ou pairar estilize e personalize os ícones com base nos seus desejos.

Por fim, você precisa salvar as alterações que fez. Veja o GIF abaixo, nós exibimos os ícones assim 👇

É simples! Experimente e nos dê seu valioso feedback.