Ajouter un flair de groupe sur les avatars des membres

:bookmark: Ce guide explique comment configurer un insigne de groupe automatique sur les avatars des utilisateurs dans Discourse.

:person_raising_hand: Niveau d’utilisateur requis : Administrateur

Ajouter automatiquement un insigne de groupe aux avatars des membres

L’insigne de groupe s’affiche dans le coin inférieur droit de l’avatar de l’utilisateur, offrant un moyen élégant de mettre en évidence l’appartenance d’un utilisateur à un groupe. Lors de la création ou de la configuration d’un groupe, un administrateur peut choisir une image ou une icône Font Awesome à utiliser comme insigne de groupe.

Résumé

Ce guide couvre les étapes pour ajouter automatiquement un insigne de groupe aux avatars des membres, y compris la configuration de l’insigne d’avatar pour les groupes d’utilisateurs automatiques et personnalisés, et la configuration des paramètres pertinents.

Vue d’ensemble

Vous trouverez ci-dessous les contextes actuellement pris en charge, en utilisant notre logo :discourse: comme exemple.

Les instructions couvrent trois cas différents :

  1. Ajout d’un insigne lors de la création d’un nouveau groupe d’utilisateurs
  2. Ajout d’un insigne à des groupes d’utilisateurs existants
  3. Ajout d’un insigne à un groupe d’utilisateurs automatique ou par défaut
  4. Stylisation de l’image d’insigne

Instructions

L’insigne de groupe peut être configuré pour :

  1. Groupes d’utilisateurs automatiques : Incluent les administrateurs, les modérateurs, les niveaux de confiance et tout le monde. Les groupes automatiques dans Discourse ne peuvent pas être supprimés et gèrent les autorisations des utilisateurs et des fonctions spécifiques. Seul le personnel peut voir la plupart des groupes automatiques, à l’exception du groupe des modérateurs.
  2. Groupes d’utilisateurs personnalisés : Tous les groupes qui ne sont pas créés par le système.

Accéder à la page des groupes

Il existe trois façons d’accéder à la page des groupes :

  1. Ajouter /g à la fin de l’URL de votre site (par exemple, votre-site.com/g)

  2. Utiliser la navigation dans la barre latérale :

  3. Aller à la page de liste des utilisateurs : (par exemple, votre-site.com/admin/users)

Localisez le groupe dans la boîte de saisie « Tous les groupes », filtrez le groupe par son type ou faites défiler vers le bas et localisez l’élément de boîte de groupe souhaité, puis cliquez dessus.

Ajout d’un insigne de groupe lors de la création d’un nouveau groupe d’utilisateurs

Une fois arrivé sur la page des groupes :

  1. Recherchez le bouton « Nouveau groupe » dans le coin supérieur droit de l’écran.

  2. Cliquez sur le bouton :heavy_plus_sign: Nouveau groupe pour ouvrir la page de création de groupe.

  3. Sur la page de création de groupe, vous verrez des options pour définir les images d’insigne.

  4. Après avoir configuré votre groupe, cliquez sur le bouton Créer.

:information_source: Pour plus de détails sur la création d’un nouveau groupe, consultez ce guide : Creating groups in Discourse

Ajout d’un insigne de groupe aux groupes d’utilisateurs existants

Localisez le groupe comme indiqué dans la section Accéder à la page des groupes.

  1. Sélectionnez l’onglet :wrench: Gérer.
  2. Allez à Adhésion.

Ajout d’un insigne de groupe à un groupe d’utilisateurs automatique ou par défaut

Localisez le groupe comme indiqué dans la section Accéder à la page des groupes.

  1. Sélectionnez l’onglet :wrench: Gérer.

Ajouter une image d’insigne de groupe

Sélectionnez l’une des deux options pour l’image d’insigne.

Ajouter une icône

  1. Recherchez ou parcourez une icône Font Awesome appropriée.

  2. Sélectionnez une icône Font Awesome.

  3. Cliquez sur le bouton Enregistrer les modifications en bas.

Télécharger une image

:mega: Il est recommandé d’utiliser une image avec un rapport d’aspect carré et une taille d’environ 100x100 px. L’image utilisée par l’équipe Discourse ici sur Meta est de 88x88 px.

  1. Choisissez une image personnalisée sur votre appareil.

  2. Téléchargez cette image.

  3. Cliquez sur le bouton Enregistrer les modifications en bas.

Styliser l’image de l’insigne

:information_source: Les valeurs de couleur hexadécimales sont utilisées pour styliser l’insigne de votre avatar. Un triplet hexadécimal est un nombre hexadécimal de six chiffres et trois octets utilisé en HTML, CSS, SVG et d’autres applications informatiques pour représenter les couleurs. Pour plus d’informations, visitez Wikipedia.

Styliser l’icône

Sélectionnez une icône et ajoutez des valeurs de couleur pour le premier plan et l’arrière-plan de l’insigne. Vous pouvez styliser soit le premier plan, soit l’arrière-plan, soit les deux.

Styliser l’image téléchargée

Sélectionnez une image et ajoutez des valeurs de couleur pour le premier plan et l’arrière-plan de l’insigne. Vous pouvez styliser soit le premier plan, soit l’arrière-plan, soit les deux.

Où les insignes de groupe apparaîtront-ils ?

Les avatars de groupe sont visibles à plusieurs endroits.

  1. Fiches utilisateur

  2. Publications de sujets/MP

  3. Plans de sujets

  4. Bannières de profil utilisateur

  5. Listes « Les plus… » du résumé utilisateur

  6. Liste des utilisateurs

  7. Liste « Derniers » sur la page des catégories

Problèmes courants et solutions

  • L’insigne n’apparaît pas : Assurez-vous que le groupe a une icône ou une image d’insigne configurée, et que le groupe d’insigne de l’utilisateur est défini correctement. Les utilisateurs peuvent choisir l’insigne de quel groupe afficher dans les préférences de leur profil sous le menu déroulant « Insigne ». Si un groupe a le paramètre « Groupe principal » activé, l’insigne sera automatiquement attribué aux membres (uniquement s’ils n’ont pas déjà de groupe d’insigne défini).

  • Insignes multiples : Les utilisateurs ne peuvent afficher qu’un seul insigne de groupe à la fois. Les utilisateurs peuvent choisir quel insigne afficher parmi tous leurs groupes ayant un insigne configuré, via leurs préférences utilisateur.

FAQ

Un utilisateur peut-il appartenir à plusieurs groupes avec des insignes ?

Oui, mais seul l’insigne d’un seul groupe sera affiché à la fois. Les utilisateurs peuvent choisir l’insigne à afficher s’ils appartiennent à plusieurs groupes.

Ressources supplémentaires

41 « J'aime »
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

Un message a été divisé dans un nouveau sujet : Avatar flairs in Chat