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

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

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

Si permite el registro de usuarios en su sitio web o si está ejecutando un sitio web de WordPress de varios autores, las etiquetas de usuario pueden presentar a los usuarios entre sí en función de sus roles de usuario. Por ejemplo, los usuarios con la función de usuario Editor mostrarán una insignia junto a su nombre en los comentarios para que otros usuarios sepan que este comentario fue realizado por un editor. Genera confianza en el usuario y aumenta su participación en los comentarios de su sitio web. Muchos temas de WordPress solo resaltan los comentarios del autor de la publicación. No muestran etiquetas para otros roles de usuario, incluso si los usuarios registrados o los administradores del sitio realizan otros comentarios. Dicho esto, veamos cómo agregar fácilmente una etiqueta de función de usuario junto a los comentarios en WordPress.

Agregar una etiqueta de función de usuario junto al nombre del autor del comentario en WordPress

Este tutorial requiere que agregue código a sus archivos de tema de WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código fácilmente en WordPress. Lo primero que debe hacer es agregar el siguiente código al archivo functions.php de su tema oa 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 ('get_comment_author', array ($ this, 'wpb_get_comment_author_role_' $) ,_link ' ));} // Obtener la función de rol de autor del comentario wpb_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Compruebe si el usuario está registrado if (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 nombre del autor del comentario $ this-> comment_user_role = " ". ucfirst ($ 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 de función anterior se conecta a los filtros de WordPress utilizados para mostrar el nombre del autor del comentario e incluir la etiqueta de función del usuario. Ahora puede visitar cualquier publicación con comentarios para verla en acción. Los comentarios de los usuarios registrados mostrarán su función de usuario junto al nombre del autor del comentario. Cualquier comentario realizado por usuarios no registrados solo mostrará el nombre del autor del comentario.

Ahora que hemos agregado el rol de usuario, es hora de darle estilo y hacer que se vea limpio. En nuestro código, agregamos una clase CSS para cada rol de usuario, de modo que podamos usar estas clases CSS para personalizar cada insignia de usuario de manera diferente (es decir, usar diferentes colores, etc.) podemos usar el siguiente ejemplo de CSS como punto de partida: .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; } Siéntase libre de ajustar el CSS como desee. Así es como se veía en nuestro sitio de demostración:

Esperamos que este artículo le haya ayudado a aprender cómo agregar una etiqueta de función de usuario junto a los comentarios en WordPress. También puede consultar nuestra guía sobre cómo cargar escombros de manera perezosa en los comentarios de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.