トピックリストのサイドバー

:information_source: 以前は「Discourse カテゴリサイドバー」と呼ばれていましたが、カテゴリとタグの両方をサポートするようになったため、このテーマコンポーネントの名称は現在トピックリストサイドバーに更新されています。

:discourse2: 概要 トピックリストサイドバーは、トピックを指定し、カテゴリまたはタグのトピックリストのサイドバーとして適用します。
:eyeglasses: プレビュー Discourse テーマクリエーターでプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-topic-list-sidebars
:open_book: Discourse テーマは初めてですか? Discourse テーマの利用に関する初心者ガイド

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

機能

このテーマコンポーネントは、トピックを指定し、カテゴリまたはタグのトピックリストのサイドバーとして適用します。これらのサイドバーは、ブラウザの幅が 767px 以上(ほとんどのタブレットとモニター)の場合にのみ表示されます。

このテーマコンポーネントで何ができますか?

  • 任意のトピックを選択し、その内容をカテゴリまたはタグのサイドバーとして表示します。
  • 設定でカテゴリ名に all を指定することで、/latest、/new、/unread、/top ページにサイドバーを表示できます。
  • サイドバーをトピックリストの左側または右側に表示するよう選択できます。
  • デフォルトでは、サブカテゴリに独自のサイドバーが定義されていない限り、カテゴリのサイドバーはそのすべてのサブカテゴリにも表示されます(親のサイドバーを継承する設定のチェックを外すとこれを無効にできます)。

設定方法は?

カテゴリとタグを選択し、サイドバーの内容を埋め込むために使用するトピックの ID(例:example.com/t/example-topic/57)を追加します。

それぞれのカテゴリ/タグにサイドバー用のトピックを作成し、返信がないようにトピックを閉じ、リストから除外すること(トピックリストに表示されないようにする)をお勧めします。

なお、プライベートカテゴリのトピックをパブリックカテゴリのサイドバーとして使用することはできません(技術的には可能ですが、そのプライベートトピックへのアクセス権がないユーザーには空のサイドバーが表示されるだけです)。

設定

名前 説明
sidebars サイドバーの追加と削除
sidebar side 左または右を選択
inherit parent sidebar チェックした場合、サブカテゴリは親カテゴリのサイドバーを継承します(サブカテゴリに独自のサイドバーが割り当てられている場合を除く)。

チェックを外した場合、サブカテゴリはサイドバーが指定されている場合のみ表示されます。
stick on scroll チェックした場合、サイドバーはスクロール時に固定位置になります

開発者向けノート

各カテゴリのサイドバーは、カテゴリのスラッグを含むクラスで囲まれています。例えば、スタッフカテゴリの場合は .category-sidebar-staff となります。これらのクラスを使用して、個々のサイドバーのスタイルを設定できます。

サイドバーがあるページの body タグにもクラスが追加されるため、body.custom-sidebar を使用して、サイドバーがあるすべてのページにスタイルを適用できます。

クレジット

:heart: このコンポーネントの実現に向けた基盤作りをしてくださった @xrav3nz に特別な感謝を!


:discourse2: 当方でホストされていますか? テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 59