# Adicionar flair de grupo nos avatares de membros

**URL:** https://meta.discourse.org/t/add-group-flair-on-member-avatars/82700
**Category:** Site Management
**Tags:** groups, how-to, group-flair
**Created:** [Março 10, 2018, 10:05pm UTC](https://meta.discourse.org/t/add-group-flair-on-member-avatars/82700 "2018-03-10T22:05:37Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [Março 10, 2018, 10:05pm UTC](https://meta.discourse.org/t/add-group-flair-on-member-avatars/82700/1 "2018-03-10T22:05:37Z")

</div>

> 🔖 Este é um guia para configurar emblemas de grupo automáticos nos avatares de usuário no Discourse.
> 
> 🙋 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](https://fontawesome.com) para usar como emblema de grupo.

 ![Exemplo de Emblema de Grupo](https://global.discourse-cdn.com/meta/original/4X/a/0/3/a0366e293a943ed9a77cb0d0a979c187270a55d1.png)

## 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.

 ![Filtro de Grupo](https://global.discourse-cdn.com/meta/original/4X/5/c/b/5cb4f5abbda8b6637fefbeed65feae8ca1dbffd2.png)

## 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 ➕ 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).

ℹ Para mais detalhes sobre como criar um novo grupo, confira este guia: [Creating groups in Discourse](https://meta.discourse.org/t/create-a-group-in-discourse/197220)

## Adicionando emblema de grupo a grupos de usuários existentes

Localize o grupo conforme indicado na seção [Acessando a página de grupos](#accessing-the-groups-page).

1. Selecione a guia 🔧 **Manage** (Gerenciar).
2. Vá para **Membership** (Associação).  
 ![Guia Associação](https://global.discourse-cdn.com/meta/original/4X/a/9/f/a9fd3e644f633aeca1e129e8f279a07b52772b67.png)

## 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](#accessing-the-groups-page).

1. Selecione a guia 🔧 **Manage** (Gerenciar).  
 ![Guia Gerenciar](https://global.discourse-cdn.com/meta/original/4X/1/c/3/1c37956851448727d66c2eb7e052f6683122eb53.png)

## 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

📣 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

ℹ 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](https://en.wikipedia.org/wiki/Web_colors#:~:text=A%20hex%20triplet%20is%20a,byte%20refers%20to%20alpha%20channel).

### 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.

 ![Estilo da Imagem](https://global.discourse-cdn.com/meta/original/4X/5/e/c/5ec9f5358a0b596c3fa017afc559b3c6a703cc73.png)

### 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.

 ![Estilo da Imagem Carregada](https://global.discourse-cdn.com/meta/original/4X/1/7/d/17dfdc960900780da8003d28d0f47e38ee565ee6.png)

## 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

- [Topics tagged groups](https://meta.discourse.org/tag/groups)
- [Trust-Level Avatar Flair](https://meta.discourse.org/t/trust-level-avatar-flair/82656)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [Agosto 5, 2024, 7:11pm UTC](https://meta.discourse.org/t/add-group-flair-on-member-avatars/82700/44 "2024-08-05T19:11:04Z")

</div>

Uma postagem foi dividida em um novo tópico: [Avatar flairs in Chat](https://meta.discourse.org/t/avatar-flairs-in-chat/320235)
