Discourse トピックリストの作成者と投稿者

:information_source: 概要 トピックリストページの左列にトピック作成者を追加します。また、デフォルトの投稿者列に最新の投稿者のみを表示するオプションもあります。作成者のアバターのサイズと形状も変更できます。
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ GitHub - Lillinator/discourse-topic-list-author-posters: Discourse theme component for topic list views showing topic author in the first column and option to show last poster in the middle column.
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマは初めてですか? Discourseテーマ使用の初心者ガイド

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

:woman_technologist:t2: 概要

このDiscourseテーマコンポーネントは、すべてトピックリストルートの最初の列にトピック作成者のアバターを挿入し、管理者がアバターの形状とサイズを指定できる設定を備えています。また、作成者のアバターは投稿者リストの最初のアバターとしては表示されません。

投稿者アバターの列に最新(最も新しい)の投稿者のみを表示する設定もあり、これはトピックの参加者が2人以上いる場合にのみ適用されます。したがって、作成者のアバターは、トピックに他の投稿者がいる場合にのみ表示されます。

さらに、管理者は、カテゴリページで最新トピックリストビューが有効になっている場合(例:最新トピックのあるカテゴリ)、トピック作成者を表示するように選択することもでき、アバターのサイズと形状のオプションもあります。

トピック行の内容も、視覚的な一貫性のために上揃えになりました。

小さなビューポート(モバイルサイズ)では、作成者は最新の投稿者のアバターが表示される場所に表示されます。

このトピックは、トピックリストの抜粋およびDiscourse AI要約gistと連携して動作します。

:gear: 設定

コンポーネント管理ページでのデフォルトオプションを含む設定のスクリーンショット

設定 説明
Topic list author avatar size トピックリストページの作成者アバター列のアバターのサイズ - smallmedium、またはlarge
Topic list author avatar border radius トピックリストページのルートでのアバターの丸み: 0% = 正方形 → 50% = 円形。 tab_style = 左側の角が丸い
Topic list show las poster only 投稿者列に最後の投稿者アバターのみを表示する(トピックに複数の参加者がいる場合のみ)。
Show author on categories page カテゴリページのトピックリストで、最新の投稿者の代わりに作成者のアバターを表示する。
Category page topic avatar size カテゴリページのトピックリストでの作成者アバター列のアバターのサイズ - smallmedium、またはlarge
Category page avatar border radius カテゴリページのアバターの丸み: 0% = 正方形 → 50% = 円形。 tab_style = 左側の角が丸い

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

ここでは、さまざまなアバターサイズと形状の設定、および展開されたAI要約gistでのスクリーンショットを示します。

さまざまなコンポーネント設定が有効になっているさまざまなトピックリストページのスクリーンショット。コンパクトモードと展開モードのgist、およびサイドバーの展開/折りたたみを示します

デフォルト設定の場合:

要約gistが展開された状態で、大きなtab_styleアバター形状:

Topic_list_show_last_poster_onlyが有効になっている、15%の境界半径形状の小さなアバター:

Topic_list_show_last_poster_onlyが有効になっており、要約gistが展開されている、0%の境界半径(正方形)の中サイズのアバター:

作成者または最後の投稿者のアバターが2種類のサイズと形状で表示されているカテゴリページのスクリーンショット。

デフォルトのコンポーネント設定、中サイズの丸いアバター、Show_author_on_categories_pageが有効:

大きなサイズのtab_styleアバター、Show_author_on_categories_pageが無効:

モバイルサイズビューのスクリーンショット

tab_style作成者アバターの場合:


:backhand_index_pointing_right:t3: 注意事項

  • プロフィールページタブで、期待される場所で作成者のアバターを挿入し、投稿者列を変更します。
  • モバイルの動作は、トピックフッターリスト(推奨/関連トピック)およびプロフィールと受信トレイのタブページでのデフォルトと同じです。
  • Horizonテーマとはあまり互換性がありません。 :slight_smile:

:bulb: 今後の対応予定

  • モバイル無効化トグルを追加
  • カテゴリとタグの除外
  • 左から右へのサポート
  • さらなるスタイリングの改善
  • トピックの抜粋を組み込む
  • 投稿者のアバターの形状を変更

:hugs: いつもながら、アイデア、フィードバック、デバッグにご協力いただいた@Moinさんに感謝します。

「いいね!」 9