Depois que algumas pessoas diferentes solicitaram suporte a Gravatar nos comentários para o popular tema Choice do WordPress, decidi investigar mais a fundo. Encontrei este ótimo post do HackWordPress que fornece um pequeno trecho de código para adicionar Gravatars ao seu loop de comentários. Desde então, tenho adicionado suporte a Gravatar a todos os temas aqui, apenas porque é muito simples de fazer. Neste guia, mostrarei como exatamente eu integro Gravatars aos temas.
Antes de continuar, por favor, entenda que este guia foi escrito apenas para WordPress 2.5 e superior. O código abordado não funcionará em versões anteriores.
O Código Gravatar
Apenas inserir o seguinte código no seu loop de comentários funcionará, mas provavelmente não ficará muito bom como está.
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>
Basicamente, este código verificará se você tem a função get_avatar (nativa do WordPress 2.5) e, em seguida, exibirá o avatar do comentarista em um quadrado de 50px.
Use uma Régua
Se você quiser ter certeza de que seus Gravatars terão um tamanho adequado, recomendo a extensão do Firefox MeasureIt. Isso o ajudará a medir uma área em seu tema para determinar um bom tamanho para os Gravatars.
Onde colocar o código?
No tema Choice, descobri que 40 era um bom tamanho. Então, onde exatamente eu coloquei este código?
Qualquer lugar dentro do foreach e endforeach (o loop de comentários) funcionará.
Estilizando seus Gravatars
Assim que você tiver os Gravatars exibidos no seu template de comentários, provavelmente você vai querer estilizar eles também. Você notará que o código do Gravatar gera a classe “avatar” em cada imagem. Vamos adicionar uma linha à folha de estilos CSS para flutuar isso para a esquerda e adicionar uma pequena margem à direita.
img.avatar {float:left; margin-right:5px;}
Pronto, você tem Gravatars com boa aparência, tamanho perfeito e estilizados. Claro que os temas variam, você pode estilizar como quiser.
Conclusão
Lembre-se, este código só funcionará no WordPress 2.5 e superior. A tag condicional function_exists fará com que seu tema não quebre, mas nada aparecerá nas versões anteriores. Mais informações sobre outros métodos de uso de Gravatars estão detalhadas no WordPress Codex.
Se você acabou de ler este artigo inteiro e não tem ideia do que é um Gravatar, sugiro que leia este primeiro de Lorelle no WordPress. Ele aborda os conceitos básicos de como obter seu próprio Gravatar se inscrevendo no Gravatar.com, bem como usando Gravatars em versões mais antigas do WordPress com plugins.
Gravatars não podem ser usados apenas para comentários, mas também podem ser adicionados às postagens individuais dos autores.
Se você gostou do artigo, sinta-se à vontade para comentar e compartilhar. Gostaria de saber suas opiniões. Assine o feed para as últimas atualizações do Theme Lab.
[…] Comentários com suporte a Gravatar […]
[…] Adicione Suporte ao Gravatar aos Seus Comentários do WordPress (tags: wordpress gravatar Tags: Links Diários, links de design, links Postado em: Links Diários Assine este feed […]
[…] por mim mesmo. Este tema tem todos os recursos normais de um tema de blog aqui no Theme Lab, incluindo suporte ao Gravatar para comentários, uma barra lateral pronta para widgets e suporte nativo a tags do WordPress. Este tema também [tem um espaço para] anúncio de 125×125 […]
[…] Atualizações como estas deixam você animado para tentar e usar os recursos, suporte completo de avatar também para comentaristas em gravatar, identicon e monsterID. Estou morrendo de vontade de implementar o recurso de avatar no blog da empresa há algum tempo, e este será o momento perfeito. Para aqueles que querem adicioná-lo também, encontrei um ótimo artigo esta manhã sobre como habilitar o recurso com algumas alterações PHP muito básicas aqui, Suporte ao Gravatar. […]
[…] Soul, integrado a um tema WordPress. Este possui todos os recursos usuais, incluindo suporte nativo ao Gravatar (apenas WordPress 2.5+), suporte a tags e uma barra lateral pronta para widgets. Ele também tem uma página inicial especial […]
interessante, estou enfrentando problemas com o gravatar agora, funcionou bem no meu navegador mozilla, mas ficou feio no IE7..
Muito obrigado. Tentei alguns outros códigos oferecidos pela web, este foi o que funcionou exatamente como eu precisava!
Obrigado!!!
Obrigado! Você explicou isso muito facilmente.
Obrigado!
Obrigado pela ajuda!
uau, obrigado pelo tutorial 😀
eu estava pesquisando na internet por isso, obrigado
[…] Adicionar Suporte Gravatar aos Seus Comentários WordPress | Tema […]
Muito obrigado pelo artigo.
[…] vimos no ThemeLab SHARETHIS.addEntry({ title: “Soporte de gravatar en wordpress”, url: […]
[…] THEMELAB: “Adicionar Suporte Gravatar aos Seus Comentários WordPress” […]
[…] THEMELAB: “Adicionar Suporte Gravatar aos Seus Comentários WordPress” […]
[…] Visitar Tutorial […]
Oh, isso é bom, você implementou avatares grav. Eles parecem bons.
@Leland: Obrigado pelo comentário, foi muito gentil da sua parte.
@Banago, deixei um comentário no seu blog. 🙂
Sobre os Gravatars no Theme Lab, adicionarei em breve.
@Leland: Obrigado pelo seu feedback, eu realmente aprecio isso. Eu adoraria se você postasse um comentário no meu blog, pois nem todo mundo o fez 🙁
Segundo: Quando você pretende implementar gravatars no seu blog? 🙂
Obrigado pelas dicas…
Espero habilitar no meu tema muito em breve….
Alguns temas agora vêm com suporte integrado ao gravatar, como o mistylook! 🙂
Ótimo post Leland!
Sou um grande apoiador dos Gravatars, então adoro ver mais designers de temas adicionarem suporte Gravatar integrado.
Como você disse, é realmente tão fácil quanto isso!
@Banago: Legal, eu gostei. Obrigado por comentar.
Eu implementei gravatars no tema do meu blog. Na verdade, eu estava prestes a pedir um feedback sobre o meu novo design. Eu adoraria seu feedback. Obrigado!