21 set

Incluindo botões das redes sociais em seus posts sem usar plugin

Categoria: - Comentários (41)

As redes sociais, hoje em dia, já fazem parte das nossas vidas. A idéia de compartilhar conteúdo e idéias é algo que vem revolucionando a internet. Que tal inserir os botões das 3 principais redes sociais — Facebook, Twitter e Google Plus — em seus posts?

Existe um jeito bem simples de fazer isso, sem usar um plugin e eu vou ensinar agora!

1) Vamos abrir o arquivo functions.php do tema ativo e inserir o código abaixo. Este código irá inserir um JavaScript no rodapé do site, que será responsável pela ativação dos botões.

2) Ainda no arquivo functions.php, vamos colocar o código abaixo. O trecho de código abaixo vai gerar o HTML dos botões:

3) Ainda no arquivo functions.php, vamos inserir o código que vai exibir os botões no conteúdo dos posts:

Uma dica de uso: Se você não quiser usar o filtro ‘the_content’ para inserir automaticamente os botões nos seus posts, você poderá usar a função insert_social_code() onde quiser que os botões apareçam. Mas lembre-se de remover os filtros add_filter(‘the_content’ … e add_filter(‘the_excerpt’… para que não apareçam duplicados.

Abaixo, temos um pouco de CSS para ajeitar os botões, mas você poderá estilizar da maneira que quiser:

Coloque o CSS acima no arquivo style.css do seu tema.

E está pronto!

Espero que este tutorial seja útil. Qualquer dúvida, basta comentar :-)

Comentários ( 41 )

  • Carlos

    Olá, funcionou muito bem! Mas gostaria de inserir o botão Compartilhar ou Recomendar. É Possível? Eu sempre procuro sempre evitar o uso de plugins e este código foi show.

Envie seu comentário

Resize-me!