Resaltar comentarios del admin o autor en WordPress

Mayo 17, 2009 • Debugueando, Tutoriales, WordPress

Esto sin duda es uno de los trucos más buscados para WordPress, porque mejora el aspecto visual de los comentarios enormemente y permite que los lectores identifiquen cuando el blogger o administrador del sitio responde a sus opiniones.

Comentarios Personalizados de Kernel Web

Si usas un theme diseñado para WordPress 2.7 esto es sumamente fácil, puesto que todo se hace con CSS usando algunas clases, tomaré de referencia las de este blog para mostrarlo de forma práctica:

ol.commentlist li.bypostauthor {  background: #D4EDFE; border: 3px solid #FFF;  }

Esto es si tenemos sólo un autor activo en nuestro blog, en caso de tener 2, 3 o más podemos recurrir a usar el siguiente tipo de estilo:

ol.commentlist li.comment-author-esteban-rojas { background:#333; border: 2px ridge #ff8800; }

ol.commentlist li.comment-author-tu-nombre-de-usuario { background: #333; border: 1px solid black; }

Esto para que cada autor tenga su propio estilo CSS a la hora que comente, el nombre de usuario vendría a ser el nombre que usamos para loguearnos en nuestro blog , si aún conservas el que  por defecto te asigna WordPress al instalarlo en tu server, el cual es admin, basta con asignar lo siguiente a tu hoja de estilos:

ol.commentlist li.comment-author-admin { Acá irian tus estilos }

Si en cambio usas una plantilla antigua, y por ende sin comentarios adaptados a WordPress 2.7, la forma de conseguir que tus comentarios resalten de entre los de tus lectores es la siguiente:

Abrimos nuestro comments.php y localizamos el siguiente código:

<?php foreach ($comments as $comment) : ?>

Y debajo añadimos lo siguiente:

<?php
   $isByAdmin = false;
   if($comment->comment_author_email == "tucorreo@demo.com"){
   $isByAdmin = true;
   };
?>

Esto no es más que una función condicional enfocada a verificar si el correo del comentarista es igual al correo del admin "tucorreo@demo.com" , por lo que tendrán que cambiar este último por el suyo y debajo añadir lo siguiente :

<li class="<?php if ($isByAdmin) echo 'admin-comment'; else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Que indica que si el correo coincide con el que pusieron se formatee ese comentario con la clase que establezcan, en este caso: admin-comment. Luego de esto bastara con ir al archivo style.css de nuestro theme y establecer los estilos CSS para la clase, generalmente tienen esta forma:

.commentlist li.admin-comment { background: #D4EDFE; border: 3px solid #FFF; }

Si su bitácora tiene 2 o más administradores bastará con añadir una sentencia elseif o las que sean necesarias, puesto que estas se ejecutan en orden al devolver un valor cierto o falso, para 2 admins o autores quedaria así:

<?php
        $isByAuthor = false;
        $isByAdmin = false;
        if($comment->comment_author_email == "correoadmin1@demo.com"){
            $isByAdmin = true;
        } elseif($comment->comment_author_email == "correoadmin2@demo.com"){
            $isByAuthor = true;
        };
        ?>

Se añadiria la clase: author-comment al CSS y abajo del código anterior se colocaria:

<li class="<?php if ($isByAdmin) echo 'admin-comment'; elseif ($isByAuthor) echo 'author-comment';
else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

También te puede interesar:

• Ajustando el CSS de los nuevos comentarios de WordPress 2.7 (4)
• Reactiva los códigos de tu memoria con Snipt (0)
• Principios y tips para un CSS optimizado (4)
• IE6 CSS Fixer, herramienta para corregir errores en IE6 (5)
• Diseccionando el comments.php de WordPress 2.7 (7)

Escrito por Esteban Rojas

Blogger radicado en México, fundador de Kernel Web, autodidacta, fanático de WordPress, por el momento estudiando el bachillerato, luego ya veremos.

Compartelo

• 
• 
• 
• 

Etiquetas: Comentarios CSS snippets