Cómo dar estilo a los comentarios del autor del post en Oxygen Builder

Yo uso el sistema de comentarios nativo de WordPress. He intentado usar otros sistemas como JetPack, WPDiscuz, Disqus, CommentLuv y demás, pero siempre acabo volviendo a los comentarios nativos de WordPress.

Realizar cambios en los comentarios de WordPress

Los comentarios de WordPress son un poco aburridos, así que les hago pequeños cambios de CSS y código para animarlos un poco. Por ejemplo,

• Puede que cambie el Dejar una respuesta texto a ¿Le gusta el artículo? Deja un comentario
• Puede que haga los avatares redondos en lugar de cuadrados
• y puede que modifique el estilo de los comentarios de los autores de los posts para que tengan una línea a la izquierda, de forma que destaquen sobre los comentarios de los lectores.

Problemas al estilizar los comentarios del autor del post

Si tienes muchos comentarios en una entrada concreta, y has configurado esos comentarios para que estén anidados, entonces habrá comentarios y subcomentarios a medida que más y más gente añada sus comentarios, y el autor de la entrada responda.

Por lo tanto, al dar estilo a los comentarios del autor de la entrada, debes tener cuidado de no dar estilo también a los comentarios hechos por los lectores cuando aparecen como subcomentarios de los comentarios del autor de la entrada. Tu CSS debe centrarse en los comentarios del autor de la entrada y en los de nadie más.

El CSS de abajo funciona para resaltar sólo los comentarios del autor del post.

CSS para resaltar los comentarios del autor de la entrada

Este CSS añade una línea vertical a la izquierda del comentario si ha sido hecho por un usuario que también es el autor del post.

El CSS que aparece a continuación añade un color de fondo y un borde tanto al nombre del autor del comentario como al texto del comentario, si el comentario ha sido realizado por un usuario conectado que también es el autor de la entrada.

Yo añado código CSS extra usando WPCodeBox porque es fabuloso. Pero puedes añadir CSS como quieras.

¿Funciona este CSS en sitios sin oxígeno?

Si no está utilizando comentarios nativos de WordPress en Oxygen Builder, y el código no funciona en su tema de WordPress, tal vez comprobar la ortografía exacta de los nombres de clase en su tema, y cambiar el código en consecuencia.