Cómo resaltar los comentarios del autor en WordPress

En la mayoría de los sitios, es muy difícil para los usuarios realizar un seguimiento de los comentarios de los autores. Es por eso que muchos sitios de WordPress resaltan el comentario del autor haciéndolo con un color de fondo diferente, agregando una imagen, etc. Si desea aprender a resaltar los comentarios de los autores en WordPress, ha venido al lugar correcto. En este artículo, le mostraremos la forma más sencilla y fácil de resaltar los comentarios de los autores en WordPress.

Si no le gusta el video o necesita más instrucciones, siga leyendo.

WordPress genera de forma predeterminada una serie de clases de CSS que facilita a los diseñadores y usuarios el cambio de estilos (Hoja de trucos CSS de WordPress). Entre las clases predeterminadas agregadas por WordPress, una de ellas está específicamente dirigida al estilo de comentario del autor.

La clase se llama .bypostauthor y se puede encontrar en el elemento .commentlist. Todo lo que necesita hacer es agregar sus estilos personalizados usando CSS. Por ejemplo, puede agregar su propio fondo, imagen, etc. Nota: Este código estará en su archivo style.css ubicado en su carpeta de temas.

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

Esto no tiene por qué ser muy complejo. A menudo es una distinción bastante simple que resalta el comentario del autor. Por ejemplo, Chris Coyier tiene un borde superior con un color amarillo / naranja que resalta su comentario.

Para obtener algo como Chris, todo lo que tiene que hacer es agregar este valor a esas clases:

.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}

Nota: Recomendamos encarecidamente que cambie el color para que coincida con su combinación de colores. :)

Otro ejemplo sería el sitio de Matt Cutt. Resalte su comentario agregando un fondo claro a su comentario, mientras que todos los demás comentarios tienen un fondo blanco.

Destacar al autor Matt

Puede hacer esto agregando algo como esto en su archivo style.css:

.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}

Nuevamente, le recomendamos que cambie el color para que coincida con la combinación de colores de su sitio.

Esperamos que encuentre útiles tutoriales sobre cómo resaltar el comentario del autor en WordPress. Los ejemplos anteriores son muy simples, pero puede volverse loco y agregar imágenes de fondo, etc. Háganos saber si usted tiene alguna pregunta.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *