Cómo resaltar los comentarios del autor en WordPress

¿Le gustaría destacar los comentarios del autor en las publicaciones de WordPress en su sitio web? Destacar los comentarios del autor en su blog de WordPress puede ayudarlo a desarrollar su participación. Es más probable que los usuarios dejen un comentario cuando ven que el autor participa activamente en la discusión. En este artículo, le mostraremos cómo resaltar fácilmente los comentarios del autor en WordPress para estimular la participación.

¿Por qué resaltar los comentarios del autor en WordPress? Los comentarios son una excelente manera de desarrollar la participación de los usuarios en su sitio web. Si desea recibir más comentarios sobre sus artículos, puede alentar esto participando activamente en las discusiones.
Para un nuevo blog de WordPress, puede responder fácilmente a los comentarios mientras modera los comentarios. Si conduce un blog con más autores, puede alentar a los autores a participar en la discusión. Sin embargo, la mayoría de los temas de WordPress no distinguen entre comentarios y los enumeran usando el mismo estilo.

Un lector ordinario puede pasar por los comentarios, sin darse cuenta del contenido adicional traído por el autor. Destacar los comentarios del autor lo ayuda a solucionar esto y hace que los comentarios del autor se destaquen y sean más visibles.
El objetivo final aquí es alentar a los nuevos usuarios a unirse a los comentarios y eventualmente suscribirse a su boletín o convertirse en cliente. Dicho esto, echemos un vistazo a cómo resaltar fácilmente a los autores en WordPress. Destacando al perpetrador del comentario en WordPress La forma más sencilla de resaltar los comentarios de la publicación de publicación es agregar CSS personalizado a su tema de WordPress. Esto le permite agregar fácilmente el código requerido y ver una vista previa en vivo de cómo se vería en su sitio sin guardarlo. Primero, debe visitar la apariencia en el área de administración de WordPress. Esto iniciará la interfaz de personalización de WordPress. Notará muchas opciones en una columna a su izquierda y una vista previa en vivo de su sitio web.
Desde aquí, debe hacer clic en la pestaña CSS adicional. Esto abrirá un área de texto en el que agregará CSS personalizado.

Sin embargo, le gustaría ver cómo se verá CSS personalizado cuando se aplique. Para hacer esto, debe navegar por una publicación de blog que contiene comentarios del Postor.

Desplácese hacia abajo a la sección de comentarios y luego agregue el siguiente CSS personalizado a la caja CSS personalizada … Bostauthor {

Color de fondo: #E7F8FB;
}
Inmediatamente notará la modificación de los comentarios del autor que corresponde al CSS personalizado que ha introducido.
Entonces, ¿cómo funciona todo esto? Usted ve que WordPress agrega algunas clases CSS CSS predeterminadas en diferentes áreas de su sitio web. Estas clases de CSS están allí, independientemente del tema de WordPress que use. En este ejemplo de código, utilizamos la clase .bypostathor CSS que se agrega a todos los comentarios agregados por un autor de la publicación. Agregamos algunos estilos CSS para que sea aún más prominente. Aquí hay un ejemplo de un código que agrega una pequeña etiqueta de “autor” a los comentarios de la publicación de publicación y un borde alrededor de la imagen del autor.

.ByPostauthor: antes {
Contenido: “Autor”;

Flotar derecho;
Color de fondo:#FF1100;
Relleno: 5px;
Tamaño de fuente: pequeño;
Font-Weight: Bold;
Color: #ffffff;
}
.ByPostauthor .Aavar {
Borde: 1px punteado #ff1100;
}
Así es como se mostró en nuestro sitio de prueba.
Destacando los comentarios de acuerdo con el papel del usuario en WordPress Now, muchos blogs de WordPress tienen miembros del equipo responsables de la respuesta a los comentarios. Los sitios populares pueden tener una publicación de publicación, administrador y moderadores que responden a los comentarios para aumentar la participación de los usuarios.
¿Cómo destaca un comentario agregado por un miembro del personal que no es el verdadero autor de la publicación? Hay un truco fácil para lograr esto. Sin embargo, es necesario agregar código personalizado a su sitio web de WordPress. Si no ha hecho esto antes, vea nuestro artículo sobre cómo agregar fácilmente el código personalizado a WordPress. Primero, debe agregar el siguiente código al código de fragmentos de código o a la función archivo.php de su tema (! Class_exists (‘wpb_comment_author_role_label’))::

Clase WPB_Comment_Author_Role_Label {
Función pública __construct () {
add_filter (‘get_comment_author’, array ($ this, ‘wpb_get_comment_author_role’), 10, 3);
add_filter (‘get_comment_author_link’, array ($ this, ‘wpb_comment_author_role’));
}
// Obtener el rol de autor de comentarios
Función wpb_get_comment_author_role ($ autor, $ comment_id, $ comment) {
$ autoremail = get_comment_author_email ($ comentario);
// Compruebe si el usuario está registrado
If (correo electrónico_exists ($ autoremail)) {
$ commet_user_role = get_user_by (‘correo electrónico’, $ autoremail);
$ comment_user_role = $ commet_user_role-> roles [0];
// Salida HTML para agregar junto al autor de comentarios
$ this-> comment_user_role = ‘ comment_user_role = ”;
}
devolver $ autor;
}
// Mostrar el autor de comentarios
Función wpb_comment_author_role ($ autor) {
return $ autor. = $ this-> comment_user_role;
}
}
Nuevo wpb_comment_author_role_label;
Terminara si;
Este código simplemente agrega la etiqueta de roles del usuario junto al nombre del autor del comentario. Esto se vería sin ningún estilo personalizado.
Hagamos un poco más hermoso al agregar algunos CSS personalizados. Acceso a look »Personalice la página y cambie a la pestaña CSS. Después de eso, puede usar el siguiente CSS para estilizar la etiqueta de roles del usuario en los comentarios … Comment-Author-Label {
Relleno: 5px;

Tamaño de fuente: 14px;
Border-radio: 3px;
}
.Comment-Author-Label-editor {
Color de fondo: #efeffe;
}
.Comment-Author-Label-Author {
Color de fondo: #faeeee;
}
.Comment-Author-Label-Contributor {
Color de fondo:#f0faee;
}
.Comment-Author-Label-Subscriber {
Color de fondo:#EEF5FA;
}
.Comment-Author-Label-Administrator {
Color de fondo:#fde9ff;}
Así es como se mostró en nuestro sitio de prueba.Siéntase libre de cambiar el código para adaptarse a los colores y el estilo de su tema.
Para obtener más detalles, recomendamos leer nuestro artículo sobre cómo agregar etiquetas de rol de usuario a los comentarios de WordPress.Esperamos que este artículo lo ayude a aprender cómo resaltar los comentarios de los autores en WordPress.¿Quiere ver cómo los usuarios interactúan con su sitio web?Consulte nuestro tutorial sobre cómo rastrear la participación de los usuarios en WordPress y cómo agregar una notificación web push a su sitio de WordPress para aumentar su tráfico.Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress.También puede encontrarnos en Twitter y Facebook.