¿Quiere destacar los comentarios de los autores en las publicaciones de WordPress en su sitio? Destacar los comentarios de los autores en su weblog de WordPress puede asistirlo a producir compromiso. Resulta más probable que los usuarios dejen un comentario cuando ven que el creador participa activamente en la discusión. En el presente artículo, le vamos a mostrar de qué forma destacar de manera fácil los comentarios de los autores en WordPress para impulsar el compromiso.
¿Por qué razón resaltar los comentarios de los autores en WordPress?
Contents
Los comentarios son una genial forma de impulsar la participación del usuario en su sitio. Si quiere conseguir más comentarios sobre sus publicaciones, puede estimularlo participando activamente en las discusiones. Para un nuevo weblog de WordPress, puede contestar de manera fácil a los comentarios mientras que modera los comentarios. Si tiene un weblog de múltiples autores, asimismo puede animar a los autores a participar en la discusión. No obstante, la mayor parte de los temas de WordPress no distinguen entre comentarios y los cuentan con exactamente el mismo estilo.
Un lector casual puede desplazarse por los comentarios, sin caer en la cuenta del contenido auxiliar que el creador ha contribuido a la discusión. Destacar los comentarios del autor le ayuda a solventar este inconveniente y hace que los comentarios del autor se resalten y los haga más perceptibles. El propósito final acá es estimular a los nuevos usuarios a que se unan a los comentarios y, en último término, se subscriban a su folleto o bien se transformen en clientes del servicio. Dicho esto, echemos una ojeada a de qué forma destacar de manera fácil los comentarios de los autores en WordPress.
Resaltando el creador del comentario en WordPress
La manera más simple de destacar los comentarios del autor de la publicación es añadir CSS adaptado a su tema de WordPress. Esto le deja añadir de manera fácil el código preciso y ver una vista anterior en vivo de de qué forma se va a ver en su sitio sin guardarlo. Primeramente, debes visitar Apariencia »Personalizar en el área de administración de WordPress. Esto empezará la interfaz de personalización del tema de WordPress. Apreciará un montón de opciones en una columna a su izquierda y una vista anterior en vivo de su sitio.
Desde allá, debe hacer click en la pestañita CSS auxiliar. Esto va a abrir un cuadro de texto donde añadirá el CSS adaptado.
No obstante, deseará ver de qué forma se va a ver el CSS adaptado cuando se aplique. Para hacer esto, debe navegar a una publicación de weblog que tenga comentarios de un autor de la publicación.
Desplácese cara abajo hasta la sección de comentarios, entonces añada el próximo CSS adaptado en el cuadro CSS adaptado a la izquierda. .bypostauthor {color de fondo: # e7f8fb; } Apreciará de forma inmediata el cambio en el comentario del autor pertinente al CSS adaptado que ingresó.
Entonces, de qué forma marcha todo? Va a ver que WordPress está añadiendo clases CSS predeterminadas a diferentes áreas de su sitio. Estas clases de CSS están ahí sin importar un mínimo qué tema de WordPress esté usando. En este caso de código, utilizamos la clase CSS .bypostauthor que se anexa a todos y cada uno de los comentarios agregados por el creador de una publicación. Añadamos más estilos CSS para hacerlo todavía más perceptible. Acá hay un código de muestra que añade una pequeña etiqueta «Autor» a los comentarios del autor de la publicación y un borde cerca de la imagen de avatar del autor. .bypostauthor: ya antes de {content: «Autor»; Flotar derecho; color de fondo: # FF1100; relleno: 5px; tamaño de fuente: pequeño; peso de fuente: negrita; color: #FFFFFF; } .bypostauthor .avatar {borde: 1px con puntos # FF1100; } Así es como se veía en nuestro lugar de prueba.
Resaltar comentarios por rol de usuario en WordPress
Ahora, muchos weblogs de WordPress tienen miembros del equipo responsables de contestar a los comentarios. Los sitios populares pueden tener autores, administradores y moderadores que responden a los comentarios para impulsar la participación de los usuarios. ¿De qué manera destaca un comentario agregado por un miembro del personal que no es el creador real de la publicación? Hay un truco simple para conseguir esto. No obstante, esto requiere que añada un código adaptado a su sitio de WordPress. Si no lo ha hecho ya antes, consulte nuestro artículo sobre de qué forma añadir de manera fácil código adaptado en WordPress. Primero, debe añadir el próximo código al complemento de fragmentos o bien al fichero functions.php de su tema. 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_’ $) ,_link ‘ ));} // Conseguir la función de rol de autor del comentario wpb_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Verifique si el usuario está registrado if (email_exists ($ authoremail)) { $ commet_user_role = get_user_by (‘correo electrónico’, $ authoremail); $ comment_user_role = $ commet_user_role-> roles[0]; // Salida HTML para añadir al lado del nombre del autor del comentario $ this-> comment_user_role = » ‘; } else {$ this-> comment_user_role = «»; } return $ autor; } // Muestra la función de autor del comentario wpb_comment_author_role ($ author) {return $ author. = $ Esto-> comment_user_role; }} nuevo WPB_Comment_Author_Role_Label; terminara si; Este código sencillamente añade la etiqueta del rol de usuario al lado del nombre del autor del comentario. Así es como se vería sin un estilo adaptado.
Hagámoslo un tanto más bonito agregando CSS adaptado. Ir a Apariencia »Personalizar página y vaya a la pestañita CSS auxiliar. Tras eso, puede emplear el próximo CSS para diseñar la etiqueta del rol de usuario en los comentarios. .comment-author-label {relleno: 5px; tamaño de fuente: 14px; radio del borde: 3px; } .comment-author-label-editor {color de fondo: #efefef; } .comment-author-label-author {color de fondo: #faeeee; } .comment-author-label-contributor {color de fondo: # f0faee; } .comment-author-label-subscription {color de fondo: # eef5fa; } .comment-author-label-administrator {color de fondo: # fde9ff; } Así es como se veía en nuestro lugar de prueba. Siéntase libre de alterar el código a fin de que coincida con los colores y el estilo de su tema.
Para conseguir más detalles, posiblemente desee leer nuestro artículo sobre de qué forma añadir etiquetas de función de usuario a los comentarios de WordPress. Aguardamos que este artículo le haya ayudado a aprender a resaltar los comentarios de los autores en WordPress. ¿Desea ver de qué forma interaccionan los usuarios con su sitio? Consulte nuestro tutorial sobre de qué forma efectuar un seguimiento de la participación del usuario en WordPress y de qué forma añadir notificaciones push web a su lugar de WordPress para acrecentar su tráfico. Si le agradó este artículo, subscríbase a nuestro canal de YouTube para poder ver tutoriales en vídeo de WordPress. Asimismo puede toparnos en Twitter y Fb.
