Adicionar flair de grupo nos avatares de membros

:bookmark: Este é um guia para configurar emblemas de grupo automáticos nos avatares de usuário no Discourse.

:person_raising_hand: Nível de usuário necessário: Administrador

Adicionar automaticamente emblemas de grupo aos avatares dos membros

O emblema de avatar de grupo é exibido no canto inferior direito do avatar de um usuário, fornecendo uma maneira elegante de destacar a afiliação de grupo de um usuário. Ao criar ou configurar um grupo, um administrador pode escolher uma imagem ou um ícone Font Awesome para usar como emblema de grupo.

Resumo

Este guia cobre as etapas para adicionar automaticamente emblemas de grupo aos avatares dos membros, incluindo a configuração de emblemas de avatar para grupos de usuários automáticos e personalizados, e a configuração de configurações relevantes.

Visão Geral

Abaixo estão os contextos atualmente suportados, usando nosso logotipo :discourse: como exemplo.

Existem instruções para três casos diferentes:

  1. Adicionar emblema ao criar um novo grupo de usuários
  2. Adicionar emblema a grupos de usuários existentes
  3. Adicionar emblema a um grupo de usuários automático ou padrão
  4. Estilizando a imagem do emblema

Instruções

O emblema de grupo pode ser configurado para:

  1. Grupos de usuários automáticos: Inclui administradores, moderadores, níveis de confiança e todos. Grupos automáticos no Discourse não podem ser excluídos e gerenciam permissões de usuários e funções específicas. Apenas a equipe pode ver a maioria dos grupos automáticos, exceto o grupo de moderadores.
  2. Grupos de usuários personalizados: Todos os grupos que não são criados pelo sistema.

Acessando a página de grupos

Existem três maneiras de acessar a página de grupos:

  1. Adicione /g ao final do URL do seu site (ex: seu-site.com/g)

  2. Use a navegação da barra lateral:

  3. Vá para a página da lista de usuários: (ex: seu-site.com/admin/users)

Localize o grupo na caixa de entrada “All Groups” (Todos os Grupos), filtre o grupo pelo seu tipo ou role para baixo e localize o item de caixa de grupo desejado, e então clique nele.

Adicionando emblema de grupo ao criar um novo grupo de usuários

Ao chegar na página de grupos:

  1. Procure o botão “New Group” (Novo Grupo) no canto superior direito da tela.

  2. Clique no botão :heavy_plus_sign: New Group para abrir a página de criação de grupo.

  3. Na página de criação de grupo, você verá opções para definir imagens de emblema.

  4. Depois de configurar seu grupo, clique no botão Create (Criar).

:information_source: Para mais detalhes sobre como criar um novo grupo, confira este guia: Creating groups in Discourse

Adicionando emblema de grupo a grupos de usuários existentes

Localize o grupo conforme indicado na seção Acessando a página de grupos.

  1. Selecione a guia :wrench: Manage (Gerenciar).
  2. Vá para Membership (Associação).

Adicionando emblema de grupo a um grupo de usuários automático ou padrão

Localize o grupo conforme indicado na seção Acessando a página de grupos.

  1. Selecione a guia :wrench: Manage (Gerenciar).

Adicionar imagem de emblema de grupo

Selecione uma das duas opções para a imagem do emblema.

Adicionar um ícone

  1. Pesquise ou navegue por um ícone Font Awesome apropriado.

  2. Selecione um ícone Font Awesome.

  3. Clique no botão Save Changes (Salvar Alterações) na parte inferior.

Carregar uma imagem

:mega: Recomenda-se usar uma imagem com proporção quadrada e um tamanho em torno de 100x100 px. A imagem que a Equipe Discourse usa aqui na Meta é de 88x88 px.

  1. Escolha uma imagem personalizada do seu dispositivo.

  2. Carregue essa imagem.

  3. Clique no botão Save Changes (Salvar Alterações) na parte inferior.

Estilizar imagem do emblema

:information_source: Valores de cor Hex são usados para estilizar o emblema do seu avatar. Um tripleto hex é um número hexadecimal de seis dígitos e três bytes usado em HTML, CSS, SVG e outras aplicações de computação para representar cores. Para mais informações, visite Wikipedia.

Estilizar Ícone

Selecione um ícone e adicione valores de cor para o primeiro plano e fundo do emblema. Você pode estilizar o primeiro plano ou o fundo ou ambos.

Estilizar Imagem Carregada

Selecione uma imagem e adicione valores de cor para o primeiro plano e fundo do emblema. Você pode estilizar o primeiro plano ou o fundo ou ambos.

Onde os emblemas de grupo aparecerão?

Os avatares de grupo são visíveis em vários locais.

  1. Cartões de usuário

  2. Posts de Tópico/PM

  3. Mapas de Tópico

  4. Banners de perfil de usuário

  5. Listas “Mais…” do resumo do usuário

  6. Lista de Usuários

  7. Lista mais recente na página de categorias

Problemas comuns e soluções

  • Emblema não aparece: Certifique-se de que o grupo tenha um ícone ou imagem de emblema configurado e que o grupo de emblema do usuário esteja configurado corretamente. Os usuários podem escolher qual emblema de grupo exibir em suas preferências de perfil no menu suspenso “Flair” (Emblema). Se um grupo tiver a configuração “Primary Group” (Grupo Principal) ativada, o emblema será atribuído automaticamente aos membros (somente se eles ainda não tiverem um grupo de emblema configurado).

  • Múltiplos emblemas: Os usuários podem exibir apenas um emblema de grupo por vez. Os usuários podem selecionar qual emblema exibir entre todos os seus grupos que têm emblema configurado, por meio de suas preferências de usuário.

FAQs

Um usuário pode pertencer a vários grupos com emblema?

Sim, mas apenas o emblema de um grupo será exibido por vez. Os usuários podem selecionar qual emblema exibir se pertencerem a vários grupos.

Recursos adicionais

41 curtidas
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

Uma postagem foi dividida em um novo tópico: Avatar flairs in Chat