Discourseトピック抜粋とAI要約ボタン

:information_source: 概要 トピック一覧抜粋と AI 要約ギストボタンを統合
:hammer_and_wrench: リポジトリ https://github.com/Lillinator/discourse-topic-excerpts-gists-button
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法

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

:bulb: 注意 - このテーマコンポーネントは、少なくとも トピック一覧抜粋 コンポーネントがインストールされていることを前提としています。AI 要約ギスト の有効化はオプションですが、このコンポーネントは両方と連携するように設計されています。

:woman_technologist:t2: 概要

このテーマコンポーネントは、Discourse AI 要約ギストボタンとトピック一覧抜粋ボタンを統合し、3 つのトピック一覧表示オプションをワンクリックで選択できる便利なソリューションを提供します。

また、AI 要約を使用せずに、デフォルトのコンパクト表示と抜粋のみの組み合わせでも利用可能です。これは、モバイルサイズのビューポートではデフォルトでトピック一覧抜粋のトグルが表示されなくなるため、ユーザー体験(UX)を向上させるためです。

このコンポーネントには、トピック一覧抜粋用の新しいボタンアイコン、メインボタンのラベルの表示/非表示を切り替えるオプション、およびラベルテキストを編集するオプションが含まれています。


:gear: 設定

設定 説明
ラベルを表示 デスクトップおよびタブレットのビューポートサイズでボタンラベルを有効または無効にします。ドロップダウンオプションはデスクトップでは常にラベルを表示します。モバイルでは常にアイコンのみを表示します。

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

デフォルトの管理者設定

管理者は、デスクトップでテキストラベルを表示したり、ボタンラベル文字列を編集したりするオプションを選択できます。

ユーザー体験

デフォルトのテキストラベルとコンパクト表示が選択されている場合。

トピック一覧抜粋が選択されている場合。

Show_labels が無効で、AI トピック要約ギストが選択されている場合(デスクトップのドロップダウンボタンにはラベルが表示されます)。

AI がなくても問題ありません!

AI 要約ギストが無効(AI_summary_gists_enabled が無効、または Discourse AI が設定されていない)で、トピック一覧抜粋のみが使用されている場合。また、一部のボタンラベルが短縮されています(設定のテキスト文字列を参照)。

モバイル

ボタンはデフォルトでアイコンのみで、メニューはギストボタンと同様に画面下部からポップアップ表示されます。


:briefcase: 使用例と機能

  • ユーザーに、コンパクト、AI 要約ギスト、トピック抜粋の間を直感的に選択できる UX を提供し、異なる場所にある 2 つのボタンを不要にします。
  • トピック抜粋のモバイル体験が向上しました。ボタンは常に表示されるためです。
  • AI 要約が有効でなくても使用可能です。Discourse AI 設定 AI_summary_gists_enabled が無効(または AI が設定されていない)の場合、ボタンにギストオプションは表示されません。

:light_bulb: 今後のタスクの可能性

  • カテゴリまたはグループの除外は可能ですか?
  • トピック抜粋カード内のカテゴリとタグのバッジを下部に移動できますか?

:musical_note: 注記

  • これは @Moin との共同プロジェクトであり、彼女はトピック一覧抜粋のアイコンを作成しました。
  • このコンポーネントは Horizon 抜粋とは連携しません。

他の Discourse 関連のコンテンツもチェックしてください
「いいね!」 12

リリー、ありがとう
これは素晴らしいコンポーネントです :+1:

「いいね!」 3

ありがとうございます!お役に立てて嬉しいです :slight_smile:

「いいね!」 3

このコンポーネントをリファクタリングし、新しいModernized Foundationテーマでボタンの書式設定が機能するようにしました。元のFoundationでも引き続き機能します。

「いいね!」 3