Como colocar comentários do Facebook no WordPress (sem plugin!)

Hoje o diálogo de blogs e redes sociais flui sem fronteiras entre as diversas plataformas e um dos cases mais interessantes é substituir os comentários do seu blog em WordPress pelo sistema do Facebook e, assim, toda vez que algum leitor comentar em seu blog, automaticamente, será republicado no perfil do leitor no Facebook.

E como fazer isso?

Entre em https://developers.facebook.com/docs/plugins/comments

Em URL to comment on, digite a URL do seu blog: http://birimbelo.com.br/

Em Width, digite a largura do seu post (na dúvida, deixe em branco): 750

Em Number of Posts, digite o número de comentários que serão listados: 5

Em Color Scheme, escolha entre os dois tipos “light” ou “dark“.

Clique em Get Code para gerar o código e escolha o modo HTML 5 por ser mais fácil de alterar o tema.

Para implementar o código, acesse o editor de temas do WordPress e abra o arquivo header.php ou o footer.php (implementei no header.php) e procure o código <body>. Insira o código logo após o <body>.

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Agora abra o single.php e insira o código logo após o conteúdo do post ou na área que você achar mais adequado.

<div class="fb-comments" data-href="http://birimbelo.com.br/" data-width="750" data-numposts="5" data-colorscheme="light"></div>

Por padrão o Facebook irá remeter seus comentários à página inicial do blog e assim ao republicar no perfil do leitor não aparecerá o post específico daquele comentário.

Para linkar o comentário do post específico, insira o código ?p=<?php the_ID(); ?> após a o endereço do seu blog. O código, já alterado, ficará assim:

<div class="fb-comments" data-href="http://birimbelo.com.br/?p=<?php the_ID(); ?>" data-width="510" data-numposts="5" data-colorscheme="light"></div>

Agora comente este post abaixo e veja que será republicado em seu perfil do Facebook =P

Essa informação foi útil para você? Se sim, retribua a gentileza e curta no fanpage no Facebook e siga-nos no Twitter! Birimbelo – Descomplicando sua vida digital.

facebook-for-wordpress

Birimbelo

Descomplicando sua vida digital.

Comentários estão fechados