La entrada de hoy es la tercera entrega de la pequeña serie de artículos donde explico un poco como dar formato y modificar el estilo de los comentarios de tu plantilla o theme Wordpress. En los dos anteriores posts que trataban el tema, hablamos de como numerar los comentarios en Wordpress y como incluir Gravatars en los comentarios de una manera sencilla.
En la entrada que nos ocupa, vamos a intentar explicar como podemos hacer para resaltar los comentarios del administrador del blog en Wordpress. Es decir, darle un estilo único a los comentarios del admin para distinguirlos visualmente con algún color de los del resto de usuarios del blog. Se pueden usar diferentes colores, bordes, etc.. Las posibilidades como siempre son muchísimas, gracias a la magia del CSS.
En primer lugar vamos a irnos hasta la hoja de estilos “style.css” de nuestro theme Wordpress e incluir un estilo nuevo al que voy a llamar comentariodeautor (No me he roto la cabeza con el nombre :P ).
background-color:#FDF;
border:1px solid #F7F;
}
Simplemente he incluido un borde de 1 pixel y un color de fondo diferente al habitual.
A continuación abrimos el archivo “comments.php” pues el resto de modificaciones las hemos de hacer ahí y localizamos la siguiente linea.
La linea anterior es la que determina el estilo del comentario según lo que valga la variable $oddcomment, así que vamos a cambiar lo anterior por lo siguiente.
<li class="<?php if (1 == $comment->user_id)
$oddcomment = ‘comentariodeautor’;
echo $oddcomment;
?>" id="comment..
La explicación sería la siguiente. Normalmente Wordpress guarda un ID por cada usuario registrado en el blog y en concreto el admin suele tener un valor de ID igual a 1. Lo que hace el código entonces es comprobar para cada comentario si el ID de su autor es igual a 1. Si es igual a 1, significa que lo hizo el admin del blog así que le asigna el estilo comentariodeautor que creamos antes a ese comentario. Si es diferente a 1, deja sin estilo el comentario. Solo tenéis que vigilar un detalle para que funcione, y es que os aseguréis que efectivamente el ID del admin sea 1 (En el 99.99% de los casos es así). Si no fuera 1 simplemente cambiad ese ID en el código por 2, 3 o el que corresponda.
Y eso es todo, creo que es bastante sencillo. Ahora como siempre, solo falta que lo pongáis en práctica. Espero que os pueda ser de utilidad a la hora de personalizar un poco mas los comentarios en vuestro blog. Ya me contaréis ;)
Esto es un ejemplo de como van a salir a partir de ahora mis comentarios por aquí ;)
eres un ejemplo a seguir public enemy, yo muchas de las modificaciones de mi blog las he hecho gracias a entradas tuyas como esta, de hecho hoy voy a poner la numeracion en los comentarios que explicas en el enlace que hay en este post. saludos.
interesante entrada, lo haré sin duda en mi blog, necesito saber ademas como se hace para poder responder los comentarios desde el admin, asi que si sabéis alguno que plugin debo instalar pues encantado de que me lo indiqueis.
Buen tuto jefe xDD
¡Eh! ¡En esa foto salgo yo! ¡Soy famoso! :D
Me estás viviendo de perlas jajaja
Esto lo estaba haciendo yo mediante un plugin pero tampoco es bueno abusar de ellos y además el resultado no es el que yo deseaba.
Gracias!!!
@Ozutto: Joer, me vas a poner ‘colorao’. Me alegro de que te sean útiles este tipo de entrada, la idea es esa, compartir conocimientos.
@lowbattery: Creo que si existe un plugin para eso que comentas, pero no recuerdo el nombre. Ya te diré.
@/grunch0: Jaja, gracias. Me hacia ilusión ser jefe en algo ;)
@The-Rocker: Claro! Lo dudabas?
@Raúl: Me alegro que te sirvan estos tutoriales. Siempre que se pueda es preferible hacer a mano estas cosas que usar plugins. A la larga los plugins aportan inseguridad al blog y pueden afectar su rendimiento también. Cuantos menos mejor.
Jaja, buena entrada y buen ejemplo Jefe. Hay que hacerse destacar por éstos lares ya.
Cuando saque un poco de tiempo, comenzaré a aplicar éstos interesantes tips que comentas, ya te mostraré mis resultados finales.
Por cierto, bonito color de fondo para los comentarios has elegido :P.
Un saludo
Simple y util, me gusto ;)
Muy bueno, tendremos que ponerlo en practica ya mismo pa que la gente sepa quien es el que manda xD
Yo he hecho alguna modificación por mi cuenta en el esa parte del código para incluir gravatar cuando usaba versiones anteriores de WP. Después nunca me funcionó de otra manera cunado actualicé a WP.2.5. Y lo tengo tan liado que ya no sabría por dónde comenzar para hacer esta modificación. Espero que me puedas echar una mano, porque me gustaría también poner la numeración como lo tienes tú. El caso es que para que no me estropeara lo del gravatar en su día, cambié lo por . Te pongo el código como lo tengo ahora… Y ya me dirás qué puedo hacer. Gracias.
<div class=”" id=”comment-”>
Me parece que no te vas a enterar mucho porque ejecuta lo que pretendía que fuera solo texto de código. Pero seguramente lo puedes ver leyendo directamente el código de mi blog al cargar lo. Gracias.
Genial, esto me vendrá bien para mi futuro rediseño del blog.
Gracias ;-)
hola, gracias pro el aporte! Cómo puedo generalziar esto a todos los comentarios?
Hola Public Enemy porque no posteaste tu codigo del css? si alguien lo quiero aquí les dejo!
.comentariodeautor {
background:#fdf url(‘http://i201.photobucket.com/albums/aa142/xeduced/elfeje.png’) no-repeat bottom right;
border:1px solid #F474EF;
}
Un saludo!
[...] Como resaltar los comentarios del admin en Wordpress [...]