Inserindo e personalizando o Gravatar no WP 2.5

Postado por Carlos em 04/05/08 às 3:58 pm e arquivado em Dicas e tutorias

Compartilhe este post: These icons link to social bookmarking sites where readers can share and discover new web pages.

Uma das grandes novidades que o WordPress 2.5 trouxe é a possibilidade da integração do gravatar com o blog, já que isso antes só era possível via plugins ou ambiarras…

Para quem ainda desconhece, para habilitar o gravatar no template deve-se inserir a seguinte linha no arquivo comments.php, onde você quer que seja exiba a imagem do gravatar do usuário:

<?php
if (function_exists('get_avatar')) {
echo get_avatar( get_comment_author_email(), '60' );
}//funcao que exibe o gravatar do usuario?>

*Note que "60" é o tamanho da imagem que vai ser gerada, no caso pode variar ex: 40,50,60,80…

Agora, e para personalizar a imagem com CSS? Bom, ao usar este código, o WordPress gera uma classe para a imagem, chamada ".avatar". Então para personalizar a imagem, basta criarmos esta classe, por exemplo:

<style>
.avatar{margin:5px; border:1px solid #000; padding:2px; float:left}
</style>

Aqui estou definindo que os gravatars terão margem externa de 5 pixels ( margin:5px),terão uma borda de 1 pixel de largura na cor preta (border:1px solid #000), terão um espaçamento interior de 2 pixels(padding:2px), e serão alinhados para a esquerda(float:left).

Só. Agora coloque o código da classe "avatar" que você criou dentro do arquivo style.css do seu tema (sem as tags < style > e < / style >), ou no começo do comments.php (com as tags < style > e < / style >).