Cómo agregar una etiqueta de rol de usuario junto a los comentarios en WordPress

¿Uno de nuestros lectores preguntó si era posible resaltar el rol del usuario al lado de cada comentario en WordPress? La visualización de la etiqueta de rol de usuario da peso a los comentarios realizados por usuarios registrados en su sitio web, específicamente autores, editores y administradores. En este artículo, le mostraremos cómo agregar fácilmente la etiqueta de rol de usuario junto a los comentarios en WordPress.

¿Por qué mostrar la etiqueta de función de usuario junto al comentario? Nombre del autor en WordPress?

Si permite el registro de usuarios en su sitio web o ejecuta un sitio web de WordPress de varios autores, las etiquetas de los usuarios pueden presentar a los usuarios entre sí según sus roles de usuario.

Por ejemplo, los usuarios con el rol de usuario editor mostrarán un distintivo junto a su nombre en los comentarios para que otros usuarios sepan que este comentario fue realizado por un editor..

Aumenta la confianza del usuario y aumenta la participación del usuario en los comentarios de su sitio web..

Muchos temas de WordPress solo resaltan los comentarios hechos por el autor de la publicación. No muestran etiquetas para ningún otro rol de usuario, incluso si otros usuarios registrados o administradores del sitio hacen otros comentarios..

Dicho esto, echemos un vistazo a cómo agregar fácilmente la etiqueta de rol de usuario junto a los comentarios en WordPress.

Agregar etiqueta de rol de usuario junto al comentario Nombre del autor en WordPress

Este tutorial requiere que agregues código a tus archivos de tema de WordPress. Si no has hecho esto antes, entonces echa un vistazo a nuestra guía sobre cómo copiar y pegar fácilmente el código en WordPress.

Lo primero que debe hacer es agregar el siguiente código al archivo functions.php de su tema o a un complemento específico del sitio.

 if (! class_exists ('WPB_Comment_Author_Role_Label')): class WPB_Comment_Author_Role_Label public function __construct () add_filter_author_forut_forut_forut_forut_forut_forut_forut_forut_forut_forut_forut_forut_forut_pez en add_filter ('get_comment_author_link', array ($ this, 'wpb_comment_author_role'));  // Obtener función de rol de autor de comentarios wpb_get_comment_author_role ($ author, $ comment_id, $ comment) $ authoremail = get_comment_author_email ($ comment); // Compruebe si el usuario está registrado si (email_exists ($ authoremail)) $ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roles [0]; // Salida HTML para agregar junto al comentario nombre del autor $ this-> comment_user_role = ''. ucfirst ($ comment_user_role). '';  else $ this-> comment_user_role = "; return $ author; // Mostrar la función de autor de comentarios wpb_comment_author_role ($ author) return $ author. = $ this-> comment_user_role; new WPB_Comment_Author_Role_Label; endif; 

Este código de función anterior se enlaza con los filtros de WordPress utilizados para mostrar el nombre del autor del comentario para incluir la etiqueta de rol del usuario.

Ahora puedes visitar cualquier publicación con comentarios para verla en acción. Los comentarios realizados por usuarios registrados mostrarán su rol de usuario junto al nombre del autor del comentario. Cualquier comentario hecho por usuarios no registrados solo mostrará el nombre del autor del comentario.

Ahora que hemos agregado el rol de usuario, es hora de diseñarlo y hacer que se vea limpio.

En nuestro código, hemos agregado una clase CSS para cada rol de usuario, por lo que podemos usar estas clases CSS para personalizar cada distintivo de usuario de manera diferente (es decir, usar colores diferentes, etc.)

Puedes usar el siguiente ejemplo de CSS como punto de partida:

 .comentario-autor-etiqueta relleno: 5px; tamaño de fuente: 14px; radio del borde: 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;  

Siéntete libre de ajustar el CSS a tu gusto. Así es como se veía en nuestro sitio web de demostración:

Esperamos que este artículo te haya ayudado a aprender cómo agregar una etiqueta de rol de usuario junto a los comentarios en WordPress. Es posible que también desee ver nuestra guía sobre cómo cargar gravatares de forma perezosa en los comentarios de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..