グループアバター光輪

:information_source: 概要 ユーザーのアバターに、主要グループまたは信頼度(Trust Level)に基づいたハロー(光輪)を追加します。
:eyeglasses: プレビュー Theme Creatorでプレビュー
:hammer_and_wrench: リポジトリ https://github.com/Lillinator/group-avatar-halos
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法

このテーマコンポーネントをインストール

:woman_technologist:t2: 概要

Discourseのテーマコンポーネントで、ユーザーの主要グループまたは信頼度(Trust Level)に応じて、アバターの周囲に色付きのハロー(光輪)を表示します。このハローは、トピック内、プライベートメッセージ(PM)、ユーザーカード、プロフィールページなど、すべての投稿におけるユーザーのアバター周囲に表示されます。ただし、トピック一覧、ユーザーディレクトリ、またはプロフィールの投稿一覧ページではハローは表示されません。

管理者は、グループまたは信頼度、ハローの色、サイズ、透明度を指定するためのオブジェクト設定を利用できます。注意:対象となるのはユーザーの主要グループである必要があります。


:gear: 設定:

プロパティ 説明
グループ ユーザーのアバターハローを表示する主要グループまたは信頼度
ハローの色 トピック作成者のハローの色。Discourseのカラー変数(ダーク/ライトモードの互換性に最適、例:var(--tertiary))、16進数カラーコード、またはHTMLカラー名を使用可能
ハローのサイズ ハローのサイズ(small、medium、large)
ハローの透明度 ハローの透明度(0.25 = 25%、0.5 = 50%、0.75 = 75%、1.0 = 100%)

スタッフ、主要グループ、信頼度のハローを混在させる場合、ハローの優先順位は以下の通りです:Moderator > Admin > Primary Groups > Trust Level。したがって、あるユーザーが管理者、モデレーター、主要グループ、信頼度グループのすべてに所属し、かつそれらのグループすべてにハローが設定されている場合、表示されるのはモデレーターのハローとなります。


:camera_flash: スクリーンショット:

以下のスクリーンショットでは、ユーザーのHelloKitty、Catra、Lillyはすべて主要グループ Pink に所属していますが、LillyとCatraはそれぞれ管理者およびモデレーターのハローを持っており、これらは主要グループのハローを上書きしています。また、HelloKittyとMsMarvelはどちらも信頼度2ですが、HelloKittyの主要グループハローが信頼度のハローを上書きしています。

トピック表示:

ユーザーカード:


私の他のDiscourse関連コンテンツをチェック
「いいね!」 9

これとトピックハローは非常にクールな追加機能です。

ガイドラインとは逆かもしれませんが、TL3と著者用のハローを設定してみましたが、どちらも非常に良く動作しています。

作成して共有していただきありがとうございます!

「いいね!」 1

Geoffさん、ありがとう!:slight_smile:

Trust Levelが1つだけなら問題ないでしょう。フォーラムに複数のTrust Levelやグループがハローを使用していて、さらにトピック作成者のハローまであると、混乱を招きそうです。これらを1つのコンポーネントに統合することも検討しましたが、ハローのレンダリング処理を除けば、コードは大きく異なります。

「いいね!」 2

私のフォーラムは小規模(DAU 30未満)で、フィードバックはほとんどありません。

しかし、初期の反応では、ユーザーたちはホロ効果(halos)を気に入っているようです。:smiley:

「いいね!」 1