Como adicionar o botão ‘Like’ do Facebook em seu site WordPress
Publicado em 05/08/2010 às 08h20 por Guga Alves
Quem acompanha a evolução dos blogs já deve ter notado que cada vez mais sites possuem o botão ‘like’ do Facebok, que facilita compartilhamento das postagens na timeline do usuário e estimula a visitação a seu site, uma vez que o link lhe foi enviado por um amigo desta rede social.
Também resolvi entrar nessa onda e tenho achado o resultado bem satisfatório, mas lembro que (logicamente) a qualidade de sua postagem terá relação dirata com a quantidade de Likes dados pelos usuários (Lembre-se da máxima “Conteúdo é rei !”)
Antes de implementar tal funcionalidade aqui no Tudo Para WordPress, resolvi estudar um pouco como fazer tal implementação, e cheguei a duas maneiras:
1 – Adicionar o código abaixo no local que você deseja exibir o botão:
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:30px”></iframe>
2 - Instalar o plugin 'WP FB Like Button‘
- Bem simples, só instalar o plugin e o configurar em Configurações -> WP FB Like Button. Veja a tela de configuração abaixo:
Gostou da matéria ? Aproveita então o assunto e clica no Like lá no começo do post ! Se quiser também deixar sua opinião por aqui, os comentários estão sempre abertos !
Abraços !
25 pessoas comentaram o artigo
Bem legal.
É massa encontrar artigos simples, legais e super uteis como esse.
Parabéns pelo trabalho!!!
Valeu meus caros !
A idéia do site é essa mesmo, sempre dar dicas simples e eficazes, atendendo assim todos os níveis de usuários e “democratizando” a personalização de nosso querido WordPress !
Abraços, obrigado pelos motivadores comentários :)
Grande Guga Alves, mais uma vez dando pequenas e valiosas dicas.
Eu estava mesmo pensando em implementar isso no nosso blog e quando abri meu twitter tive essa ótima novidade. Nem precisei buscar no Google como fazer :)
Ótimo post! Parabéns
Um abraço.
Muito boa a dica, vou colocar no meu blog depois!!
Parabéns pelas dicas do WordPress!!
Abraço
Bela dica!!! Só um detalhe: copiei o código no post no modo HTML do editor, e então a cor do fundo mudou de branco para preto. Desculpe a ignorancia, como resolvo isso?
Desculpe a minha ignorância, mas como faço para instalar o plugin…?
Basta colocar os arquivos em wp-content/plugins :)
Se você usa o WordPress.com, não tem como instalar plugins, nosso foco nesse site é a versão disponibilizada em WordPress.org.
Abraços
Parabéns pelo post :-)
ótima. e para adicionar também o botão do twitter ao lado do botão do facebook, como faz?
Ai já são outros 500, isso é conteúdo para outra matéria :)
Mas fique tranquilo que assim que possível também postarei sobre isso !
Olá pessoal como vão? Então, buscando a dica de como inserir o botão Like do Facebook no blog, encontrei esta dica aqui. Pois bem, copiei o código, colei lá nos aquivos php e upei para o meu servidor. Até aí tudo bem, funcionou às mil maravilhas. Mas desde o dia 8/set o botão Like não funciona mais, clicamos e nada funciona, inclsive notei o mesmo aqui no http://www.tudoparawordpress.com.br será que o Facebook fez alguma alteração? Quem tiver uma dica posta aí! ; )
Rodrigo,
o código está correto, acabei de clicar no ‘Curtir’ em uma das páginas aqui e funcionou normalmente.
Abraços :)
vcs sabem como eu troco a cor e o estilo da fonte?
preciso colocar uma cor laranja? alguém tem alguma ideia?
abraços
Olá,
Bela dica, outra opção é o plugin ShareDaddy, da própria Automattic, que além do Facebook permite usar, entre outros, o Twitter e até email.
Procurem em http://wordpress.org/extend/plugins/sharedaddy/
Valeu,
Gabriel
Guga ficou muito bom, funciono perfeito obrigado parabéns.
Excelente, achei o aplicativo importante para o site da empresa, principalmente porque usamos artigos para atrair visitas e agora poderemos ver quantas pessoas estão realmente aproveitando o que está escrito.
Paulo
Perfeito, acabei de colocar o código no meu blog agora e funcionou perfeitamente.
Eu usava um plugin mas ele não contava certo, preferi colocar o código direto na página.
Muito boa a dica. Parabéns pelo Blog
Cara valew muito util seu artigo aquele abraço.
Muito obrigada!! Estava tentando colocar o botão do facebook há + de 1 semana!! A sua explicação foi super simples e deu certo!
Gostei e já adicionei ao meu blog ser nerd Obrigado!
Hoje em dia não tem mais essa função não? =/
Olá, no meu site WordPress já fiz vários testes e sempre que clico no botão curtir do Facebook ele envia o link do Post + um trecho do texto que está na sidebar + miniaturas dos banners da sidebar. O correto seria enviar o link do Post + trecho do Post curtido + miniaturas das imagens do Post curtido. Não consegui corrigir isso, alguém tem uma idéia? O site é rm16.com.br
Pesquise por “Open Graph Protocol” e como o configurar no WordPress, aí está a resposta :)
Em breve explicaremos isso por aqui!
Belo tut, simple e eficaz