Como colocar cor de fundo (background) diferente nos comentários do autor do blog no WordPress

Como colocar cor de fundo (background) diferente nos comentários do autor do blog no WordPress

Vi hoje no blog do engenheiro do Google, Matt Cutts, uma simples maneira de destacar os comentários do dono do blog nos posts.

Ao invés do leitor ficar procurando pelo e-mail ou nome do autor nos comentários para ver a resposta, basta identificar o comentário que se destaca entre os demais, que no nosso caso será destacado com uma cor diferente no background.

O processo é simples, basta identificar o id do autor do comentário e aplicar uma classe de css naquele determinado comentário.

Vamos ao código:

1. Devemos primeiramente criar uma nova classe no arquivo css chamada “comentautor”.

Edite o arquivo style.css do seu tema atual e lá no final, escreva o seguinte código, alterando somente o #B3FFCC para sua cor desejada:

.comentautor {
background-color: #B3FFCC !important;
}

2. Agora edite o arquivo comments.php e modifique algumas linhas.

Procure no arquivo comments.php uma linha mais ou menos assim:

<li class=”<?php echo $oddcomment; ?>” id=”comment…

Agora modifique ela para ficar assim::

<li class=”<?php
/* aqui ele verifica o user_id do usuário desejado (1 no caso do admin) e aplica a classe que criamos no arquivo style.css */
if (1 == $comment->user_id)
$oddcomment = “comentautor”;
echo $oddcomment;
?>” id=”comment…

Pronto! Agora temos cor de fundo diferente nos comentários do autor do blog!

Lembrando que o número 1 no código acima refere-se ao usuário admin, no meu caso eu criei um novo usuário com meu nome, na qual o user_id é 2. Verfique seu user_id na lista de usuários cadastrados no menu Usuários.

Verifique abaixo um comentário meu e em seguida deixe um para ver o resultado final.

Tags:
, , ,
Ralph Almeida
nosfer@gmail.com

UI/UX Designer e front-end developer • Campinas/SP Com formação acadêmica em TI e pós-graduado em Design Thinking Focado em design de interfaces e experiência do usuário (UI/UX), tendo trabalhado com design de aplicativos mobile (iOS e Android), grandes sites, sistemas web e aplicações desktop.

2 Comentários
  • Ralph Almeida
    Posted at 10:54h, 31 janeiro Responder

    Veja esse comentário como está com o fundo diferente dos demais.

  • Ralph Almeida
    Posted at 11:11h, 31 janeiro Responder

    Agora um comentário sem eu estar logado, ou seja, um usuário comum.

Postar um comentário