Discourse トピックリストの投稿者

:information_source: 概要 トピック一覧ページの左列にトピック作成者を追加し、デフォルトの投稿者列に最新の投稿者のみを表示するオプションを追加します。作成者のアバターのサイズ変更も可能です。
:eyeglasses: プレビュー ューhttps://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters\u003e
:hammer_and_wrench: リポジトリ ューhttps://github.com/Lillinator/discourse-topic-list-author-posters\u003e
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマは初めてですか? Discourseテーマを使用するための初心者ガイド

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

:woman_technologist:t2: 概要

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

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

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

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

:gear: 設定

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

設定 説明
Topic_list_author_avatar_size トピック一覧ページの作成者アバター列のアバターのサイズ - smallmedium、またはlarge
Topic_list_author_avatar_border_radius トピック一覧ページのルーティングにおけるアバターの丸み: 0% = 四角形 → 50% = 円形。 tab_style = 左角が丸い
Topic_list_show_last_poster_only トピックの参加者が2人以上いる場合にのみ、投稿者列に最後の投稿者のアバターのみを表示します。
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の大きなアバター形状:

15%の境界半径形状でTopic_list_show_last_poster_onlyを有効にした小さなアバター:

Topic_list_show_last_poster_onlyを有効にした、0%の境界半径(四角形)のミディアムサイズのアバターと、サマリーgistを展開した状態:

作成者または最後の投稿者のアバターの2つの異なるサイズと形状を示すカテゴリページのスクリーンショット。

デフォルトのコンポーネント設定、ミディアムサイズの丸いアバター、およびShow_author_on_categories_pageが有効な状態:

tab_styleの大きなサイズのアバター、およびShow_author_on_categories_pageが無効な状態:

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


:backhand_index_pointing_right:t3: 注意事項

  • トピック抜粋テーマコンポーネント(または他のトピックプレビューコンポーネント)とは連携しません。
  • プロフィールページタブで、期待される場所に作成者のアバターを挿入し、投稿者列を変更します。
  • モバイルの動作は、トピックフッターリスト(推奨/関連トピック)およびプロフィール/受信トレイタブページではデフォルトと同じです。

:bulb: 今後の対応予定

  • モバイル無効化トグルを追加
  • カテゴリとタグの除外
  • さらなるスタイリングの改善
  • トピック抜粋の組み込み
  • 投稿者のアバターの形状設定
「いいね!」 6