Destacar os comentários do autor usando CSS

Categorias: Esfera de blogs

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! :D

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

Mais alguma coisa? Pesquise nos arquivos.

Referências Recomendadas! =D

  • Quer ganhar dinheiro com blogs?

Gostou desse post? o.o

Se gostou, assine o feed e seja avisado sempre que novos posts forem publicados! (o que é feed?)
Ou se preferir, receba os posts direto no seu email!

Se não gostou, entre em contato e sugira uma pauta.

9 Trilhões de comentários! LOL

  1. De fato seu blog é muito interessante! Tava dando uma volta pelo SOLANNO.com e vi o link. Valeu a visita. Parabéns!
  2. Faz tempo que eu tento destacar meus próprios comentários e não consigo. O Official Comments não funcionava direito. Felizmente o designer do novo tema já conhecia esta artimanha bastante funcional.
  3. Anderssauro, estou procurando o mesmo hack para o blogger e não estou encontrando. Pior é que já o vi em algum lugar. Por acaso você sabe onde posso encontrar?

    []’s
    Compulsivo

  4. Eu lembro de ter visto isso em algum blog gringo…
    Vou pesquisar e se achar posto aqui ok?

    Abraço!

  5. Pode crer velho, muito obrigado…
    []’s
    Compulsivo
  6. muito show a dica eu ja tinha postado no meu blog para blogger mas agora vou usar no meu blog quando migrar para sua plataforma
  7. uso isso no meu blog também, mas porem se alguem quiser te sacanear e colocar o seu email no campo de emial?? haham… loko
  8. Ah, tô dikara, esperei 3982103 anos pra fazer isso e fica dando erro ¬¬.

    Primeiro foi o @, depois as ‘ e agora o maldito ;
    E acabaram-se meus conhecimentos básicos em PHP.
    :p

Deixe seu comentário.

  • Escreva em português correto, por favor;
  • Não ofenda a mim nem aos outros leitores;
  • Seja coerente. Críticas ofensivas serão apagadas;
  • Não comente apenas smiles;
  • Não coloque sua URL no comentário, existe um lugar certo pra isso;
  • Por incrível que pareça, esse blog tem regras. Respeite-as.
  • Seu Deus não vai me castigar, ele está de férias;
  • Boa viagem! ;D

mm1 :H: :han: :dead: :der: loko :sifu: :emo: :medo: pp) :mimi: mm2 :fdp: .i. :isso: :gun: :gun2: :pisc: :qqq: :baba: =B mais...

page counter TwitterCounter for @anderssauro