Como Inserir suporte a Avatars no seu tema

A partir das versão 2.5 da Wordpress, Foi Implantado o recurso de exibição de avatars em comentários (Você pode habilitar/desabilitar isso em “Painel > Discussão > Mostrar Avatars em Comentários” ), e este recurso é bem útil e legal, pois dá mais alegria a um post, deixando mais enfeitado.

Para ter um Avatar, para exibição em blogs que tenham suporte como o meu e outros, você precisa ter um blog na wordpress, com a imagem pessoal sua que você definiu, ou ir no site do Gravatar, e colocar uma imagem para a sua exibição em comentários.

Para quem ainda não sabe, para habilitar o gravatar no seu tema, deve-se inserir o código abaixo no arquivo comments.php, de preferência, pra baixo do loop de comentários (ex: <?php if ($comments) : ?> ), e mude a posição desta linha, onde você quer que seja exiba a imagem do gravatar do usuário. Este é o código que deve ser inserido no arquivo “comments.php” do seu tema:

<?php
if (function_exists(’get_avatar’)) {
>echo get_avatar( get_comment_author_email(), ‘45′ );
}//funcao que exibe o gravatar do usuario?>


*Lembre-se que “45″ é o tamanho da imagem que vai ser gerada, no caso pode variar ex: 40,50,60,80…

Agora, é hora de personalizar a imagem com CSS, ao usar este código abaixo, o WordPress gera uma classe para a imagem, chamada “.avatar”. Então para personalizar a imagem, basta criarmos esta classe, por exemplo:

.avatar{margin: 7px; border: none; padding:2px; float:left}

Aqui estou definindo que os gravatars terão margem externa de 5 pixels ( margin:5px), não terão borda (border: none), terão um espaçamento interior de 2 pixels (padding:2px), e serão alinhados para a esquerda(float:left). Atenção, você pode mudar o alinhamento do avatar colocando como “float:right”, e outros alinhamentos.

Só. Agora coloque o código da classe “avatar” que você criou dentro do arquivo style.css do seu tema , você pode colocá-lasna última linha de seu arquivo style.css do seu tema.
:) Divirtam-se colocando avatars em seus blogs da Wordpress.org!

Compartilhe e Divirta-se:
  • Print
  • PDF
  • email
  • Twitter
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Live
  • FriendFeed
  • LinkedIn
  • Netvibes
  • MySpace
  • Rec6
  • Technorati
  • Reddit
  • StumbleUpon
Postar um comentário ou Deixar um Trackback

5 Comentários

  1. Postado em 4 de outubro de 2008 às 9:34 | Permalink

    Pessoal, se alguém tem dúvida, ou quer fazer um teste, fiquem à vontade para testar nos comentários, pois aqui está habilitado o suporte a Avatars.

    Espero que este post ajude à todos!

  2. Postado em 5 de outubro de 2008 às 16:15 | Permalink

    Aceito parceira sim!

  3. Postado em 5 de outubro de 2008 às 16:28 | Permalink

    vem cá, me diz uma coisa, como descobriu meu blog, (ta certo q ele ja ta ganhando fama) mais você nem da wordpress é… OO é difil alguem encontrar um blog como o meu Oo. vlw fico lislongiado!

  4. Postado em 5 de outubro de 2008 às 16:38 | Permalink

    @Halex007, sou da Wordpress sim, mais no meu caso uso a Wordpress.org, que está instalada em outro servidor, diferente da wp.com
    Te descobri através do BlogRoll de outros Blogs. Obrigado por ter me add no seu blogroll!

  5. Postado em 16 de setembro de 2009 às 20:54 | Permalink

    é só um teste de gravatar

Enviar um comentário

Seu e-mail não será publicado nem divuldado. Mensagens com conteúdo difamatório, ofensivo, preconceituoso ou que incite práticas criminosas não serão aceitos. Por fim, cuide da escrita!. Campos obrigatórios são marcados com *

*
*