¿Quiere resaltar los comentarios del autor en las publicaciones de WordPress en su sitio web?
Resaltar los comentarios del autor en su blog de WordPress puede ayudarlo a generar compromiso. 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 aumentar la participación.
¿Por qué resaltar los comentarios del autor en WordPress?
Los comentarios son una excelente manera de aumentar la participación de los usuarios en su sitio web. Si desea recibir más comentarios sobre sus artículos, puede animarlos participando activamente en los debates.
Para un nuevo blog de WordPress, puede responder fácilmente a los comentarios mientras los modera. Si ejecuta un blog con varios autores, puede alentar a los autores a unirse a la discusión también.
Sin embargo, la mayoría de los temas de WordPress no distinguen entre comentarios y los enumeran con el mismo estilo.
Un lector casual puede desplazarse por los comentarios sin darse cuenta del contenido adicional que el autor proporcionó en la discusión.
Resaltar los comentarios del autor lo ayuda a remediar y hace que los comentarios del autor se destaquen y los haga más prominentes.
El objetivo final aquí es alentar a los nuevos usuarios a participar en los comentarios y, en última instancia, suscribirse a su boletín o convertirse en cliente.
Dicho esto, echemos un vistazo a cómo resaltar fácilmente los comentarios del autor en WordPress.
Destacando el autor del comentario en WordPress
La forma más fácil de resaltar los comentarios del autor de la publicación es agregar CSS personalizado a su tema de WordPress. Esto le permite agregar fácilmente el código necesario y ver una vista previa en vivo de cómo se verá en su sitio web sin guardarlo.
Primero, debes visitar Apariencia »Personalizar en el área de administración de WordPress. Esto iniciará la interfaz de personalización del tema 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 donde agregará su CSS personalizado.
Sin embargo, le gustaría ver cómo se verá el CSS personalizado una vez aplicado. Para hacer esto, debe navegar a una publicación de blog que contenga comentarios del autor de una publicación.
Desplácese hacia abajo hasta la sección de comentarios y luego agregue el siguiente CSS personalizado en el cuadro CSS personalizado a la izquierda.
.bypostauthor {
background-color: #e7f8fb;
}
Inmediatamente notará el cambio en el comentario del autor correspondiente al CSS personalizado que ingresó.
¿Entonces, cómo funciona todo esto?
Ver WordPress agrega algunas clases de CSS predefinidas a diferentes áreas de su sitio web. Estas clases de CSS están disponibles independientemente del tema de WordPress que esté utilizando.
En este código de ejemplo, usamos el .bypostauthor Clase CSS que se agrega a todos los comentarios agregados por el autor de una publicación.
Agreguemos más estilos CSS para que sea aún más notable. Aquí hay un código de muestra que agrega una pequeña etiqueta de “Autor” a los comentarios del autor de la publicación y un borde alrededor de la imagen del avatar del autor.
.bypostauthor:before {
content:"Author";
float:right;
background-color:#FF1100;
padding:5px;
font-size:small;
font-weight:bold;
color:#FFFFFF;
}
.bypostauthor .avatar {
border:1px dotted #FF1100;
}
Esto es lo que parecía en nuestro sitio web de prueba.
Resaltar comentarios por rol de usuario en WordPress
Ahora, muchos blogs de WordPress tienen miembros del equipo responsables de responder a los comentarios. Los sitios web populares pueden hacer que el autor de la publicación, el administrador y los moderadores respondan a los comentarios para aumentar la participación de los usuarios.
¿Cómo resalto un comentario agregado por un miembro del personal que no es el autor real de la publicación?
Hay un truco fácil para conseguirlo. Sin embargo, requiere agregar un código personalizado a su sitio web de WordPress. Si nunca antes ha hecho esto, consulte nuestro artículo sobre cómo agregar fácilmente código personalizado en WordPress.
Primero, debe agregar el siguiente código al complemento de fragmentos de código de su tema o al archivo functions.php.
if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
class WPB_Comment_Author_Role_Label {
public function __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' ) );
}
// Get comment author role
function wpb_get_comment_author_role($author, $comment_id, $comment) {
$authoremail = get_comment_author_email( $comment);
// Check if user is registered
if (email_exists($authoremail)) {
$commet_user_role = get_user_by( 'email', $authoremail );
$comment_user_role = $commet_user_role->roles[0];
// HTML output to add next to comment author name
$this->comment_user_role=" <span class="comment-author-label comment-author-label-".$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
} else {
$this->comment_user_role="";
}
return $author;
}
// Display comment author
function wpb_comment_author_role($author) {
return $author .= $this->comment_user_role;
}
}
new WPB_Comment_Author_Role_Label;
endif;
Este código simplemente agrega la etiqueta de rol de usuario junto al nombre del autor del comentario. Así es como sería sin un estilo personalizado.
Hagámoslo un poco más bonito agregando un poco de CSS personalizado. Ir Apariencia »Personalizar y vaya a la pestaña CSS adicional.
Más tarde, puede usar el siguiente CSS para aplicar estilo a la etiqueta del rol de usuario en los comentarios.
.comment-author-label {
padding: 5px;
font-size: 14px;
border-radius: 3px;
}
.comment-author-label-editor {
background-color:#efefef;
}
.comment-author-label-author {
background-color:#faeeee;
}
.comment-author-label-contributor {
background-color:#f0faee;
}
.comment-author-label-subscriber {
background-color:#eef5fa;
}
.comment-author-label-administrator {
background-color:#fde9ff;
}
Esto es lo que parecía en nuestro sitio de prueba. No dude en modificar el código para que coincida con los colores y el estilo de su tema.
Para obtener más detalles, puede leer nuestro artículo sobre cómo agregar etiquetas de roles de usuario a los comentarios de WordPress.
Esperamos que este artículo te haya ayudado a aprender a resaltar los comentarios de los autores en WordPress. ¿Quieres ver cómo interactúan los usuarios con tu sitio web? Consulte nuestro tutorial sobre cómo realizar un seguimiento de la participación de los usuarios en WordPress y cómo agregar notificaciones web push en su sitio de WordPress para aumentar su tráfico.
Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
