Destacar os comentários do autor usando CSS
Categorias: Esfera de blogsNessas 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@seudominio.com) 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@seudominio.com) echo ‘author1′; else if ($comment->comment_author_email == autor2@seudominio.com) echo ‘author2′; else if ($comment->comment_author_email == autor3@seudominio.com) 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]
17 de Outubro de 2007 as 11:03 pm:
18 de Outubro de 2007 as 9:34 pm:
28 de Fevereiro de 2008 as 5:04 pm:
[]’s
Compulsivo
28 de Fevereiro de 2008 as 6:17 pm:
Vou pesquisar e se achar posto aqui ok?
Abraço!
28 de Fevereiro de 2008 as 6:20 pm:
Tenta esse:
http://hackosphere.blogspot.com/2006/10/author-comment-highlighting-and.html
28 de Fevereiro de 2008 as 6:25 pm:
[]’s
Compulsivo
20 de Maio de 2008 as 1:28 pm:
30 de Maio de 2008 as 3:00 pm:
16 de Junho de 2008 as 11:47 pm:
Primeiro foi o @, depois as ‘ e agora o maldito ;
E acabaram-se meus conhecimentos básicos em PHP.
:p