Destacar os comentários do autor usando CSS

Nessas minhas constantes mudanças de tema acabei aprendendo muita coisa interessante, descobri que PHP não é um bicho de 7 cabeças e que CSS é muito fácil.

E uma das coisas que aprendi com a mistura dessas duas linguagens é que alguns plugins podem ser trocados por algumas linhas a mais no código do tema. Como por exemplo o plugin Official Comments que destaca os comentários do autor do blog com cores e estilos diferentes dos comentários normais.

O "efeito" que ele provoca nos comentários é algo muito simples mas que não funciona com todos os temas.

Então nesse post vou ensinar a obter esse efeito manualmente:

Antes de tudo, faça um backup do seu tema.
Vou explicar passo a passo, é muito fácil.
Mas você pode ser uma anta cega, ferrar com seu tema e botar a culpa em mim.

1. Primeiro, abra o arquivo Comments.php e aperte Ctrl+F para localizar a linha: (ela pode não estar exatamente assim, mas procure algo parecido com isso)

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Essa é a linha que nós vamos usar para fazer o efeito de destaque nos comentários, troque a linha por essa:

<li class="<?php if ($comment->comment_author_email == username@s­eudominio.co­m) echo ‘author’; else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Agora é óbvio que você vai trocar o destaque em vermelho pelo email que você usa para comentar.

Saiba que todo mundo que comentar com esse email terá o comentário em destaque. Então o que eu sugiro é que você use um email exclusivo para comentar no seu blog. Um que só você saiba. Porque o seu email não é mostrado aos demais visitantes então ele ficaria em segredo.

2. Salve o arquivo Comments.php e abra o arquivo style.css

Agora vamos adicionar o estilo dos seus comentários. Coloquei algo bem simples, mas que se destaca em qualquer tema:

.author {
background:#FFB895;
border: 2px dotted #666666
color:#000000;
}

Um problema que você pode encontrar é que outros estilos de comentários "passem por cima" desse.
Para resolver isso é só adicionar a tag "!important" no código.

.author {
background:#FFB895; !important;
border: 2px dotted #666666 !important;
color:#000000 !important;
}

3. Se por algum motivo você quiser destacar os comentários de outros usuários como por exemplo outros autores do blog, você terá apenas que incluir mais email’s no código do arquivo Comments.php:

<li class="<?php if ($comment->comment_author_email == autor@s­eudominio.co­m) echo ‘author1′; else if ($comment->comment_author_email == autor2@s­eudominio.co­m) echo ‘author2′; else if ($comment->comment_author_email == autor3@s­eudominio.co­m) echo ‘author3′; else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Não esquecendo de adicionar a cada autor um estilo de CSS diferente, usando as explicações anteriores.

Bom, qualquer dúvida é só perguntar nos comentários!

[tags] CSS, PHP, Comentários, Blogs, Dicas [/tags]