| 概要 | トピック一覧ページの左列にトピック作成者のアバターを追加します。また、デフォルトの投稿者列には「直近の投稿者のみ」を表示するオプションも追加されます。作成者のアバターはサイズや形状を変更可能です。 | |
| プレビュー | https://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters | |
| リポジトリ | https://github.com/Lillinator/discourse-topic-list-author-posters | |
| インストールガイド | テーマまたはテーマコンポーネントのインストール方法 | |
| Discourse テーマ初心者の方へ | Discourse テーマの利用に関する初心者向けガイド |
このテーマコンポーネントをインストール
概要
この Discourse テーマコンポーネントは、すべてのトピック一覧ルートにトピック作成者のアバターを最初の列に挿入し、管理者がアバターの形状とサイズを指定できる設定を提供します。また、投稿者リストでは作成者のアバターが最初のアバターとして表示されないようにもなります。
さらに、「トピックに複数の参加者がいる場合のみ、投稿者アバター列に直近(最新)の投稿者のアバターのみを表示する」という設定もあります。つまり、トピック内に他の投稿者がいる場合のみ、作成者のアバターが表示されます。
加えて、管理者は「最新トピック一覧ビュー」が有効なカテゴリページ(例:「最新トピック付きのカテゴリ」)でトピック作成者を表示するかどうかを選択でき、アバターのサイズや形状のオプションも用意されています。
行の内容を上部または中央に垂直配置する切り替え機能も追加されています。
画面サイズが小さい場合(モバイルサイズ)には、作成者のアバターは「直近の投稿者アバター」が表示される場所に現れます。
このコンポーネントは、トピック一覧の抜粋 や Discourse AI サマリーギスト とよく連携します。
設定
| 設定 | 説明 |
|---|---|
Topic list author avatar size |
トピック一覧ページルートにおける作成者アバター列のアバターサイズ - small、medium、または large。 |
Topic list author avatar border radius |
トピック一覧ページルートにおけるアバターの角丸設定:0% = 四角形 → 50% = 円形。tab_style = 左側の角が丸い形状 |
Topic list show last poster only |
投稿者列に直近の投稿者のアバターのみを表示(トピックに複数の参加者がいる場合のみ有効)。 |
Vertically align row top |
行の垂直配置を「上部」または「中央」に切り替える |
Show author on categories page |
カテゴリページのトピック一覧で、直近の投稿者ではなく作成者のアバターを表示する。 |
Category page topic avatar size |
カテゴリページトピック一覧における作成者アバター列のアバターサイズ - small、medium、または large。 |
Category page avatar border radius |
カテゴリページにおけるアバターの角丸設定:0% = 四角形 → 50% = 円形。tab_style = 左側の角が丸い形状 |
スクリーンショット
以下は、異なるアバターサイズや形状の設定、および拡張された AI サマリーギストを表示した際のスクリーンショットです。
各種トピック一覧ページのスクリーンショット。異なるコンポーネント設定が有効な状態(コンパクトモードと拡張ギストモード、サイドバーの展開/折りたたみ)を示しています
デフォルト設定の場合:
tab_style 形状の大きなアバターでサマリーギストを拡張した場合:
15% の border-radius 形状の小さなアバターで Topic_list_show_last_poster_only を有効にした場合:
0% の border-radius(四角形)の中型アバターで Topic_list_show_last_poster_only を有効にし、サマリーギストを拡張した場合:
カテゴリページのスクリーンショット。作成者または直近の投稿者のアバターを異なる 2 つのサイズと形状で表示している。
コンポーネントのデフォルト設定で、中型の丸いアバターを表示し Show_author_on_categories_page を有効にした場合:
大型の tab_style アバターで Show_author_on_categories_page を無効にした場合:
注意事項
- プロフィールページのタブにおいて、期待される位置に作成者のアバターを挿入し、投稿者列を変更します。
- モバイルでの動作は、トピックフッター一覧(推奨/関連トピック)やプロフィール・受信トレイのタブページでのデフォルト動作と同じです。
- horizon テーマとはあまり互換性がありません。

今後の可能性のあるタスク
- モバイルでの無効化切り替え機能の追加?
- カテゴリやタグの除外設定?
- 左から右(LTR)言語への対応?
- 投稿者アバターの形状変更?
いつもアイデア、フィードバック、デバッグサポートをありがとうございます @Moin さん。
他の Discourse 関連の投稿もチェック










