Añadir etiqueta de grupo en avatares de miembros

:bookmark: Esta es una guía para configurar el flair (adorno) de grupo automático en los avatares de usuario en Discourse.

:person_raising_hand: Nivel de usuario requerido: Administrador

Añadir automáticamente flair de grupo a los avatares de los miembros

El flair de avatar de grupo se muestra en la parte inferior derecha del avatar de un usuario, proporcionando una forma elegante de resaltar la pertenencia a un grupo del usuario. Al crear o configurar un grupo, un administrador puede elegir una imagen o un icono de Font Awesome para usar como flair de grupo.

Resumen

Esta guía cubre los pasos para añadir automáticamente flair de grupo a los avatares de los miembros, incluyendo la configuración del flair de avatar para grupos de usuarios automáticos y personalizados, y la configuración de las opciones relevantes.

Descripción general

A continuación se muestran los contextos actualmente compatibles, utilizando nuestro logotipo :discourse: como ejemplo.

Hay instrucciones para tres casos diferentes:

  1. Añadir flair al crear un nuevo grupo de usuarios
  2. Añadir flair a grupos de usuarios existentes
  3. Añadir flair a un grupo de usuarios automático o predeterminado
  4. Estilizar la imagen del flair

Instrucciones

El flair de grupo se puede configurar para:

  1. Grupos de usuarios automáticos: Incluyen administradores, moderadores, niveles de confianza y todos. Los grupos automáticos en Discourse no se pueden eliminar y gestionan los permisos de usuario y funciones específicas. Solo el personal puede ver la mayoría de los grupos automáticos, excepto el grupo de moderadores.
  2. Grupos de usuarios personalizados: Todos los grupos que no son creados por el sistema.

Acceder a la página de grupos

Hay tres formas de acceder a la página de grupos:

  1. Añada /g al final de la URL de su sitio (ejemplo: su-sitio.com/g)

  2. Utilice la navegación de la barra lateral:

  3. Vaya a la página de la lista de usuarios: (ejemplo: su-sitio.com/admin/users)

Localice el grupo en el cuadro de entrada “Todos los grupos”, filtre el grupo por su tipo o desplácese hacia abajo y localice el elemento de cuadro de grupo deseado, luego haga clic en él.

Añadir flair de grupo al crear un nuevo grupo de usuarios

Al llegar a la página de grupos:

  1. Busque el botón “Nuevo grupo” en la esquina superior derecha de la pantalla.

  2. Haga clic en el botón :heavy_plus_sign: Nuevo grupo para abrir la página de creación de grupo.

  3. En la página de creación de grupo, verá opciones para configurar imágenes de flair.

  4. Después de configurar su grupo, haga clic en el botón Crear.

:information_source: Para más detalles sobre cómo crear un nuevo grupo, consulte esta guía: Creating groups in Discourse

Añadir flair de grupo a grupos de usuarios existentes

Localice el grupo como se indica en la sección Acceder a la página de grupos.

  1. Seleccione la pestaña :wrench: Gestionar.
  2. Vaya a Membresía.

Añadir flair de grupo a un grupo de usuarios automático o predeterminado

Localice el grupo como se indica en la sección Acceder a la página de grupos.

  1. Seleccione la pestaña :wrench: Gestionar.

Añadir imagen de flair de grupo

Seleccione una de las dos opciones para la imagen de flair.

Añadir un icono

  1. Busque o explore un icono apropiado de Font Awesome.

  2. Seleccione un icono de Font Awesome.

  3. Haga clic en el botón Guardar cambios en la parte inferior.

Subir una imagen

:mega: Se recomienda utilizar una imagen con una relación de aspecto cuadrada y un tamaño de alrededor de 100x100 px. La imagen que utiliza el equipo de Discourse aquí en Meta es de 88x88 px.

  1. Elija una imagen personalizada desde su dispositivo.

  2. Suba esa imagen.

  3. Haga clic en el botón Guardar cambios en la parte inferior.

Estilizar la imagen del flair

:information_source: Se utilizan valores de color hexadecimales para dar estilo a su flair de avatar. Un triplete hexadecimal es un número hexadecimal de seis dígitos y tres bytes que se utiliza en HTML, CSS, SVG y otras aplicaciones informáticas para representar colores. Para más información, visite Wikipedia.

Estilizar Icono

Seleccione un icono y añada valores de color para el color de primer plano y el fondo del flair. Puede dar estilo al primer plano o al fondo o a ambos.

Estilizar Imagen Subida

Seleccione una imagen y añada valores de color para el color de primer plano y el fondo del flair. Puede dar estilo al primer plano o al fondo o a ambos.

¿Dónde aparecerán los flairs de grupo?

Los avatares de grupo son visibles en varios lugares.

  1. Tarjetas de usuario

  2. Publicaciones de temas/Mensajes privados

  3. Mapas de temas

  4. Banners de perfil de usuario

  5. Listas “Más…” del resumen de usuario

  6. Lista de usuarios

  7. Lista más reciente en la página de categorías

Problemas comunes y soluciones

  • El flair no aparece: Asegúrese de que el grupo tenga configurado un icono o imagen de flair, y que el grupo de flair del usuario esté configurado correctamente. Los usuarios pueden elegir qué flair de grupo mostrar en las preferencias de su perfil bajo el menú desplegable “Flair”. Si un grupo tiene activada la configuración de “Grupo Primario”, el flair se asignará automáticamente a los miembros (solo si aún no tienen un grupo de flair configurado).

  • Múltiples flairs: Los usuarios solo pueden mostrar un flair de grupo a la vez. Los usuarios pueden seleccionar qué flair mostrar de cualquiera de sus grupos que tengan flair configurado, a través de sus preferencias de usuario.

Preguntas frecuentes

¿Puede un usuario pertenecer a varios grupos con flair?

Sí, pero solo se mostrará el flair de un grupo a la vez. Los usuarios pueden seleccionar qué flair mostrar si pertenecen a varios grupos.

Recursos adicionales

41 Me gusta
How to add a company logo on admins profile picture?
How to make it obvious who is staff?
How to add a symbol next to someone’s name
What is the purpose of a group? What can we do with it?
How to encourage lurkers to give likes?
Recommended image size (flair)
Questions about moderator shield badge
Discourse 2.5.0.beta5 Release Notes
Is Roblox Login Possible?
What is the plain PNG/JPG file for this?
Wrong avatar flair icon showing
How do you get badge icons to display next to username?
Icons and text next to the user info
Make staff users more recognizable with customized avatars, posts, and mentions
As admin I want to be able to change usernames, regardless of filters
Is it possible to change via CSS the Category Moderator shield?
Tick badge for username?
Plugin for Avatar Decorations?
Avatar flair image not visible for 'Staff' Group
Custom Icons for admins and moderators (and other groups)
Badges next to username
Post Badges
Post Badges
How to display the shield icon on topics and on the admin profile to all members
Logo next to user title
Is it possible to pass badges as the SSO payload?
Group flair not displaying on user
Setting a primary group for users
Creating small icon in corner of avatar
Changing the avatar flair of an automatically added group
How to change the logo in the bottom right corner of the avatar?
Which feature adds the icon at the bottom right of some avatars
How do I add a small image next to the avatar like team has?
Enabling Category Moderation
Make group memberships publicly visible in user profile
Verified user icon
How do I make moderator shield glyphs visible?
Bug? - Group avatar image not working as expected in newer versions of Discourse
2018: The Year in Review
How can I add an overlay image to staff/group profile pictures?
Is there a way to stack icons in avatar flair?
How to add verified mark to team profiles?
Discourse 2.4.0.beta7 Release Notes

Se dividió una publicación en un nuevo tema: Insignias de avatar en el chat