メンバーアバターにグループの装飾を追加する

[Discourse]

これは、Discourse でユーザーアバターにグループのフラグを自動的に設定するためのガイドです。

必要なユーザーレベル: 管理者

メンバーのアバターにグループフラグを自動的に追加する

グループアバターフラグは、ユーザーアバターの右下に表示され、ユーザーのグループメンバーシップをスタイリッシュに強調する方法を提供します。グループを作成または設定する際に、管理者はグループフラグとして使用する画像または Font Awesome アイコンを選択できます。

概要

このガイドでは、自動およびカスタムのユーザーグループのアバターフラグの設定、および関連する設定の構成を含め、メンバーのアバターにグループフラグを自動的に追加する手順を説明します。

概要

以下は、当社の ロゴを例として使用した、現在サポートされているコンテキストです。

3つの異なるケースの手順があります。

1. 新しいユーザーグループを作成しながらフラグを追加する
2. 既存のユーザーグループにフラグを追加する
3. 自動またはデフォルトのユーザーグループにフラグを追加する
4. フラグ画像のスタイリング

手順

グループフラグは以下に対して構成できます。

1. 自動ユーザーグループ: 管理者、モデレーター、信頼レベル、およびすべてが含まれます。Discourse の自動グループは削除できず、ユーザーのアクセス許可と特定の機能を管理します。ほとんどの自動グループはスタッフのみが表示でき、モデレーターグループは例外です。
2. カスタムユーザーグループ: システムによって作成されていないすべてのグループ。

グループページへのアクセス

グループページにアクセスするには3つの方法があります。

1. サイトの URL の末尾に /g を追加する (例: your-site.com/g)

2. サイドバーナビゲーションを使用する:

   • サイドバーアイコンをクリックします (通常は右上隅にあります)
   • メニューオプションから「Groups (グループ)」を選択します
     
     

3. ユーザーリストページに移動する: (例: your-site.com/admin/users)
   

   

「All Groups (すべてのグループ)」入力ボックスでグループを見つけるか、タイプでグループをフィルタリングするか、下にスクロールして目的のグループボックス項目を見つけてクリックします。

新しいユーザーグループ作成時にグループフラグを追加する

グループページに到達したら:

1. 画面の右上隅にある「New Group (新しいグループ)」ボタンを探します。

2. :kbd::heavy_plus_sign: New Group ボタンをクリックして、グループ作成ページを開きます。

3. グループ作成ページで、フラグ画像を設定するためのオプションが表示されます。
   

   

4. グループの設定後、:kbd:Create (作成) ボタンをクリックします。

新しいグループの作成に関する詳細については、こちらのガイドを確認してください: Creating groups in Discourse

既存のユーザーグループにグループフラグを追加する

Access the groups page セクションで示されているようにグループを見つけます。

1. Manage (管理) タブを選択します。
2. Membership (メンバーシップ) に移動します。
   
   

自動またはデフォルトのユーザーグループにグループフラグを追加する

Access the groups page セクションで示されているようにグループを見つけます。

1. Manage (管理) タブを選択します。
   
   

グループフラグ画像を追加する

フラグ画像について、次の2つのオプションのいずれかを選択します。

アイコンを追加する

1. 適切な Font Awesome アイコンを検索または閲覧します。
   

   

2. Font Awesome アイコンを選択します。
   

   

3. 下部にある :kbd:Save Changes (変更を保存) ボタンをクリックします。

画像をアップロードする

縦横比が正方形で、サイズが 100x100 px 程度の画像を使用することをお勧めします。Meta の Discourse チームがここで使用している画像は 88x88 px です。

1. デバイスからカスタム画像を選択します。
   

   

2. その画像をアップロードします。
   

   

3. 下部にある :kbd:Save Changes (変更を保存) ボタンをクリックします。

フラグ画像のスタイル設定

フラグのスタイル設定には 16 進数カラーコードが使用されます。16 進数トリプレットは、HTML、CSS、SVG、およびその他のコンピューティングアプリケーションで色を表すために使用される、6桁の3バイトの 16 進数です。詳細については、Wikipedia をご覧ください。

アイコンのスタイル設定

アイコンを選択し、フラグのフォアグラウンドとバックグラウンドのカラーコードを追加します。フォアグラウンドまたはバックグラウンド、あるいはその両方をスタイル設定できます。

アップロードされた画像のスタイル設定

画像を選択し、フラグのフォアグラウンドとバックグラウンドのカラーコードを追加します。フォアグラウンドまたはバックグラウンド、あるいはその両方をスタイル設定できます。

グループフラグはどこに表示されますか？

グループアバターはいくつかの場所で表示されます。

1. ユーザーカード
   

   

2. トピック/プライベートメッセージの投稿
   

   

3. トピックマップ
   

   

4. ユーザープロフィールのバナー
   

   

5. ユーザーサマリーの「Most…」リスト
   

   

6. ユーザーリスト
   

   

7. カテゴリーページの「最新」リスト
   

   

よくある問題と解決策

• フラグが表示されない: グループにフラグアイコンまたは画像が設定されていること、およびユーザーのフラググループが正しく設定されていることを確認してください。ユーザーは、プロファイル設定の「Flair (フラグ)」ドロップダウンで、どのグループのフラグを表示するかを選択できます。グループで「Primary Group (プライマリグループ)」設定が有効になっている場合、ユーザーにフラググループが設定されていない場合のみ、フラグはメンバーに自動的に割り当てられます。
  

  

• 複数のフラグ: ユーザーは一度に1つのグループフラグのみを表示できます。ユーザーは、ユーザー設定を通じて、フラグが設定されている複数のグループの中から表示するフラグを選択できます。
  

  

FAQ

ユーザーはフラグ付きの複数のグループに所属できますか？

はい、できますが、一度に表示されるのは1つのグループのフラグのみです。ユーザーは複数のグループに所属している場合、表示するフラグを選択できます。

追加リソース

• Topics tagged groups
• Trust-Level Avatar Flair