特集カテゴリ

:discourse2: 概要 Showcased Categories を使用すると、フォラムのホームページの上部に、2 つの異なるカテゴリから選択した「Showcased」トピックリストを追加できます。
:eyeglasses: プレビュー Discourse Theme Creator でプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-showcased-categories
:open_book: Discourse テーマは初めてですか? Discourse テーマの使い方に関する初心者ガイド

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

機能

テーマコンポーネントの設定では、各列の名前をカスタマイズしたり、どのカテゴリからトピックを取得するか、またそのカテゴリから表示するトピックの最大数を指定したりできます。

設定:

名前 説明
show as sidebar 有効にすると、Showcased Categories は最新のページのサイドバーでのみ表示されます。
feed one title 最初のトピックフィードのタイトル
feed one category トピックのソースとなる単一のカテゴリ
feed one tag オプションで複数のタグからトピックをソースにできます。カテゴリと組み合わせることも可能です
feed two title 2 番目のトピックフィードのタイトル
feed two category トピックのソースとなる単一のカテゴリ
feed two tag オプションで複数のタグからトピックをソースにできます。カテゴリと組み合わせることも可能です
max list length カスタムリストに表示されるトピックの数はいくつですか?
plugin outlet 追加のカスタマイズのための高度な設定
翻訳 デフォルト
showcased_categories.new_post 投稿
showcased_categories.view_more さらに表示

クレジット

このコンポーネントの元の構造を作成してくれた @awesomerobot に感謝します。:+1:


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

「いいね!」 44

それは素晴らしいですね!私も最近、そんなことを考えていました。
ジョーダン、ありがとう!

「いいね!」 8

ありがとう、ジョーダン!
とても興味深いですね!

「いいね!」 3

このコンポーネントを改善するための提案:

  • ユーザー個別のカスタマイズ、またはグループ単位のカスタマイズ。例えば、特定のグループにとって他のカテゴリよりも重要なカテゴリが存在する場合、それらはグループに応じて変化します。したがって、コンポーネントをユーザー個別にカスタマイズ可能にするか、少なくとも管理者がグループに応じて表示するカテゴリを選択できるようにすると大変喜ばれます。
  • 少なくとも「最新」ビューでは、前面表示の代わりにサイドバー形式にするオプションがあると素晴らしいです。
「いいね!」 5

フィードバックをありがとうございます!

これは興味深い提案ですね :+1:。複数のグループに参加しているユーザーをどのように扱うか気になります。少し複雑になるかもしれませんが、このアイデアは気に入っています。

サイドバーも素敵ですね :grinning_face_with_smiling_eyes:

「いいね!」 5

「最新」ビューでリストをサイドバーに表示するかどうかを選べるようになりました :grinning_face_with_smiling_eyes:

ご提案ありがとうございます。

「いいね!」 5

本当に素晴らしいです!:+1: 試してフィードバックを残します。

「いいね!」 3

はい、つまり、サイドバーはデフォルト以外のテーマではそのままでは機能しないようです。当社は Material Design テーマのカスタムバージョンを使用していますが、サイドバーモードでも「注目のカテゴリ」が「最新リスト」の上に表示されてしまい、実際にはマージンのレイアウトが崩れてしまいます。回避策があるか確認してみます。

「いいね!」 2

Jordan、こんにちは。素晴らしいコンポーネントを提供してくださり、ありがとうございます。ただ、一つ質問がございます。青いバーの色をカスタマイズすることは可能でしょうか?プラグインの設定で変更できるか、あるいはカテゴリのデザイン色を表示させる方法はあるでしょうか?

「いいね!」 1

もちろん!

そのためには、カスタムテーマまたはテーマコンポーネント(おそらくこちらの方が簡単です)で対応する必要があります。

対象とするのは .custom-homepage-columns .header-wrapper です。

以下のような記述で動作するはずです。

.custom-homepage-columns .header-wrapper { 
    background-color: `ここに色を指定`;
}
「いいね!」 3

こんにちは。現在のブロックサイズを維持したまま、ブロックの高さを半分にして、その結果として同じサイズで2倍のニュースを表示することは可能でしょうか?
よろしくお願いいたします。

「いいね!」 2

現在、各リストに表示されるトピックの最大数は5に制限されています。ただし、間隔については、ブロック内の CSS クラスをターゲットにすることで、お望みの効果を実現できるはずです。:+1:

「いいね!」 1

こんにちは、例を掲載していただけますか?ありがとうございます。

「いいね!」 1

すみません、テーマ編集は初めてです。これは、色を編集するためにコンポーネントを複製する必要があるという意味でしょうか?HTML/CSSを表示する別の方法はありませんか?

「いいね!」 1

もちろんです!

トピック一覧の項目の高さを変更するには、以下をターゲットにしてください。

.custom-homepage-columns .topic-list .main-link { height: ??? }

それ以外については、表示可能な最小値は 1、最大値は 5 です。

「いいね!」 2

理解できました!

このテーマコンポーネントの外観をカスタマイズするために、コンポーネントを複製する必要はありません。

以下のことを行ってください:

  1. /admin/customize/themes に移動し、components をクリックします。
  2. install をクリックし、次に create new を選択します。この際、component を選択していることを確認してください。名前は自由に付けられます!

すると、未使用のコンポーネントエリアに表示されます:

次に、同じページで現在選択しているテーマ上でこれを有効にする必要があります:

それが完了したら、edit CSS/HTML をクリックします。

そこから、commoncss タブにカスタマイズ用の CSS を追加できます。以前共有したコードをそこに追加してください。

.custom-homepage-columns .header-wrapper { 
    background-color: `your color here`;
}
「いいね!」 3

ありがとうございます!今ではとてもシンプルに思えます :man_facepalming:

「いいね!」 2

皆さん、こんにちは!グループメンバーシップに基づいたさまざまな紹介カテゴリというアイデアは、まさに私が探していたものです。ユーザーが紹介カテゴリが設定されている複数のグループに所属している場合、TCはユーザーのプライマリグループに従うことができます。

私の場合は、広告クライアント向けのプライベートカテゴリがあります。ホームページの上に個別のカテゴリを表示する方法を探しています。そうすれば、フォーラムを掘り下げて探す必要がなくなります。

「いいね!」 3

皆さん、こんにちは @jordan.vidrine さん。ディスコースエアテーマと一緒にこのコンポーネントが機能しません。
設定はこちらです。


しかし、サイドバーが表示されません。検索バーのため、バナーセクションにこれを含めることができないと想定しています。

「いいね!」 2

これの修正は見つかりましたか?エアテーマを使用しています

「いいね!」 2