在成员头像上添加群组徽章

:bookmark: 这是关于在 Discourse 中配置用户头像自动显示群组徽章的指南。

:person_raising_hand: 所需用户级别:管理员

自动向成员头像添加群组徽章

群组头像徽章会显示在用户头像的右下角,提供一种突出显示用户群组成员身份的时尚方式。在创建或配置群组时,管理员可以选择一个图像或 Font Awesome 图标用作群组徽章。

摘要

本指南涵盖了自动向成员头像添加群组徽章的步骤,包括为自动和自定义用户群组设置头像徽章以及配置相关设置。

概述

以下是当前支持的上下文,以我们的 :discourse: 标志为例。

有针对三种不同情况的说明:

  1. 创建新的用户群组时添加徽章
  2. 为现有用户群组添加徽章
  3. 为自动或默认用户群组添加徽章
  4. 样式化徽章图像

说明

可以为以下群组配置群组徽章:

  1. 自动用户群组:包括管理员、版主、信任级别和所有人。Discourse 中的自动群组无法删除,它们管理用户权限和特定功能。除版主群组外,大多数自动群组只有员工才能看到。
  2. 自定义用户群组:所有非系统创建的群组。

访问群组页面

有三种方法可以访问群组页面:

  1. 在网站 URL 末尾添加 /g(例如:your-site.com/g

  2. 使用侧边栏导航

  3. 转到用户列表页面: (例如:your-site.com/admin/users)

在“所有群组”输入框中定位群组,按类型过滤群组或向下滚动并定位所需的群组框项目,然后点击它。

创建新用户群组时添加群组徽章

到达群组页面后:

  1. 查看屏幕右上角的“新建群组”按钮。

  2. 点击 :heavy_plus_sign: 新建群组 按钮以打开群组创建页面。

  3. 在群组创建页面上,您将看到设置徽章图像的选项。

  4. 配置群组后,点击 创建 按钮。

:information_source: 有关创建新群组的更多详细信息,请参阅此指南:Creating groups in Discourse

为现有用户群组添加群组徽章

按照 访问群组页面 部分中的指示定位群组。

  1. 选择 :wrench: 管理 选项卡。
  2. 转到 成员资格

为自动或默认用户群组添加群组徽章

按照 访问群组页面 部分中的指示定位群组。

  1. 选择 :wrench: 管理 选项卡。

添加群组徽章图像

为徽章图像选择以下两种选项之一。

添加图标

  1. 搜索或浏览合适的 Font Awesome 图标。

  2. 选择一个 Font Awesome 图标。

  3. 点击底部的 保存更改 按钮。

上传图像

:mega: 建议您使用宽高比为正方形的图像,大小约为 100x100 像素。Discourse 团队在此 Meta 上使用的图像是 88x88 像素。

  1. 从您的设备中选择自定义图像。

  2. 上传该图像。

  3. 点击底部的 保存更改 按钮。

样式化徽章图像

:information_source: 十六进制颜色值用于样式化您的头像徽章。十六进制三元组是一个六位、三字节的十六进制数,用于 HTML、CSS、SVG 和其他计算应用程序中以表示颜色。有关更多信息,请访问 维基百科

样式化图标

选择一个图标并为徽章前景色和背景色添加颜色值。您可以样式化前景色或背景色或两者都样式化。

样式化上传的图像

选择一个图像并为徽章前景色和背景色添加颜色值。您可以样式化前景色或背景色或两者都样式化。

群组徽章在哪里显示?

群组头像在多个位置可见。

  1. 用户卡片

  2. 主题/私信帖子

  3. 主题地图

  4. 用户个人资料横幅

  5. 用户摘要“最多……”列表

  6. 用户列表

  7. 分类页面上的“最新”列表

常见问题和解决方案

  • 徽章未出现:确保群组配置了徽章图标或图像,并且用户的徽章群组设置正确。用户可以在其个人资料偏好设置下的“徽章”下拉菜单中选择显示哪个群组的徽章。如果群组启用了“主要群组”设置,徽章将自动分配给成员(前提是他们尚未设置徽章群组)。

  • 多个徽章:用户一次只能显示一个群组徽章。如果用户属于多个群组,他们可以通过其用户偏好设置选择显示哪个群组的徽章。

常见问题解答

用户可以属于多个带有徽章的群组吗?

可以,但一次只能显示一个群组的徽章。如果用户属于多个群组,他们可以选择显示哪个徽章。

附加资源

41 个赞
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

帖子已拆分为新主题:聊天中的头像Flair