Ter um site é uma excelente maneira de divulgar tanto sua empresa ou negócio (quando corporativo) quanto suas ideias (para uso pessoal). Mas além de ter um conteúdo interessente e saber engajar, usar meios que pemitam aos leitores compartilhar seu conteúdo irá aumentar a divulgação desse site. Adicionar botões de compartilhar nas redes sociais em seu WordPress permitirá aos visitantes disseminem suas postagens de forma rápida e prática, aumentando o alcance do seu conteúdo. Com essa funcionalidade, não só promoverá o engajamento do público, mas também aumentará o tráfego orgânico e o reconhecimento da sua marca nas plataformas sociais.
O que faremos aqui
Em nosso exemplo faremos algumas personalizações, como desabilitar a barra flutuante de compartilhamento em redes sociais, habilitaremos a barra padrão, com icones quadrados e iremos configurar para ela aparecer apenas nas páginas de posts (não na página incial e nem em páginas comuns). Por fim iremos configurar para ela aparecer no topo da página e definir um espaço entre ela e o começo do texto do post.
Sabendo o que faremos aqui (e como) será mais fácil de você alterar para o padrão que desejar em seu site.
Como fazer
O plugin que usamos nesse Post foi o Sassy Social Share, para instalá-lo, em seu WordPress (como administrador), clique em Plugins, depois em Add Plugin, procure pelo Social Sharing Plugin – Sassy Social Share, instale e habilite o mesmo. Depois de ativado ele aparecerá na barra lateral do WordPress, clique sobre ele.
Na tela inicial, configure da seguinte forma:
- No menu Theme Selection:
- Em Standard interface theme, altere Shape (a forma) para Square;
- Em Size (in pixels), aldere para 39;
- Clique em Save Changes.
- No menu Standard Interface:
- Deixe marcada a opção Enable Standard sharing interface (para habilitar o menu flutuante);
- Em Target Url, deixe a opção Url of the webpage where icons are located (default);
- Altere Title para Compartilhe que você está se especializando;
- Na lista de redes sociais, deixe marcado apenas as redes que deseja utilizar;
- Depois de deixas as redes que deseja, um pouco mais acima, em Rearrange icons
arraste os ícones e deixe na ordem que prefirir; - Em Horizontal alignment, deixe Left;
- Em Position with respect to content, deixe Top of the content;
- Em Placement, deixe apenas a opção Posts;
- Clique em Save Changes.
- No menu Standard Interface:
- Desmarque a opção Enable Floating sharing interface (para desabilitar o menu flutuante);
- Clique em Save Changes.
- No menu Miscellaneous:
- Em Language, altere para pt_BR;
- Em Custom CSS, adicione o código abaixo (isso irá aumentar o espaço entre os icones de rede social e o texto do post):
.heateor_sss_sharing_container {
font-weight: bold;
margin-bottom: 50px; /* Ajuste o valor conforme necessário */
}Clique em Save Changes. e verifique como ficou seu site. Altere as configurações acima, caso queira um resultado diferente.
Fontes/Referências
https://wordpress.org/plugins/sassy-social-share/
Mais Informações
Esperamos ter te ajudado e estaremos sempre a disposição para mais informações.
Se você tem interesse em algum assunto específico, tem alguma dúvida, precisa de ajuda, ou quer sugerir um post, entre em contato conosco pelo e-mail equipe@nvlan.com.br.
