カテゴリグループ

[Discourse]

	概要	カテゴリグループを使用すると、カテゴリをグループに割り当てることができ、それらはカテゴリページでのカテゴリの並べ替えと折りたたみに使用されます。
	プレビュー	Discourse Theme Creator でプレビュー
	リポジトリリンク	https://github.com/discourse/discourse-category-groups-component
	Discourse テーマは初めてですか？	Discourse テーマの使用に関する初心者ガイド

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

これは Discourse チームによってメンテナンスされている official テーマコンポーネントであるため、#support、#bug、#ux、および #feature のリクエストは、Meta の該当するカテゴリで提出し、適切なテーマコンポーネントタグを付けることができます。以下のリンクをクリックして開始してください。

 サポート  バグ  UX  機能

機能

重要な注意点:

• このテーマコンポーネントは、サイト設定 desktop category page style が boxes with subcategories に設定されている場合にのみ機能します（カテゴリページテンプレートを置き換えるため）。

• カテゴリの折りたたみはブラウザのローカルストレージを使用して動作するため、折りたたみ状態は異なるデバイス間で保持されません。

設定

名前	説明
category groups	グループの設定方法です。形式は：グループ名: カテゴリスラッグ、追加リンク ID、カテゴリスラッグ 2（カテゴリスラッグは URL で表示されるカテゴリ名です。通常はすべて小文字でスペースなし）
extra links	カテゴリリストに混ぜられる追加リンクです。category_groups 設定にリンク ID を追加して表示します
show on mobile	モバイルで折りたたみ可能なカテゴリボックスグループを表示
show ungrouped	他のグループに割り当てられていないカテゴリのグループを表示
fancy styling	追加のスタイルを有効にする（これらは追加されたカスタムスタイルです。デフォルトから外れるため、独自のテーマを作成している場合はこれを無効にすることをお勧めします）
hide muted subcategories	有効にすると、ミュートされたサブカテゴリを持つ場合、ミュートされていない親カテゴリはミュートされたセクションに表示されません

テーマ翻訳	デフォルト
ungrouped_categories_title	その他

私たちによってホストされていますか？テーマコンポーネントは、Pro、Business、Enterprise プランで利用可能です。

[awesomerobot (Kris)]

コンポーネントのリファクタリングをマージしました。全体的な機能は同じですが、いくつかのバグ修正が含まれています。

REFACTOR: update to glimmer, remove overrides, etc

内部的には、モダン化されたEmberを使用し、テンプレートのオーバーライドを排除しました。これは、Discourseのカスタマイズにおいては少し壊れやすい可能性があります。

@Drew-ART

スラグ pr-and-social-media を使用した場合、プラグインは「pr」「and」「social」「media」を探し、それらのいずれかが見つかった場合にカテゴリグループに追加します。

これは現在修正されています。

@Drew-ART

3.2へのアップデート後、既存のカテゴリは正常に動作しますが、新しく追加したカテゴリではサブカテゴリにバグがあり、設定したカテゴリグループが新しいサブカテゴリとともにすべてに繰り返されます。

これは現在修正されており、グループはサブカテゴリレイアウトに適用されなくなります。

@jrgong

<img> タグの幅と高さのパラメータに大きな値が使用されているようですが、どこから取得されているかは不明です。

これを更新したので、カテゴリロゴは現在、はるかに通常のサイズになっています。

[jenmck (jen)]

特定のカテゴリでサブカテゴリを表示しないようにすることは可能ですか？ネストされたサブカテゴリを持つ特定のカテゴリがあり、ボックスがかなり大きくなっています。

[Heliosurge (Dan DeMontmorency)]

Theme component の Category Hider を試してみてはどうでしょうか。

Category Hider Theme Component

Hi all, I’ve created a simple theme component. I hope this could be of use for some! Overview This is a theme component that allows you to hide specific categories from either the hamburger menu or category boxes. Why would you need this component? If your discourse website has a lot of categories and you would like to hide some from appearing in either the menu bar or on the main page, this component can be helpful. Screenshots Preview of Hambur…

[PeakProsperity (Aaron McKeon)]

サイドバーにカテゴリグループを適用することは可能ですか？もし可能でなければ、機能リクエストとして提出したいと思います。よろしくお願いします！

[gru (Ruslan)]

ウェブサイトで問題が発生しています。サブカテゴリの間にスペースがありません。

[awesomerobot (Kris)]

ご報告ありがとうございます。アップデートで修正されるはずです (UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub で修正済み)。

[awesomerobot (Kris)]

@PeakProsperity

サイドバーにカテゴリグループを適用することは可能ですか？

それは不可能で、サイドバーにはこれを許可するためにDiscourseでより大きな変更が必要になります（リクエストは記録されました！）

[gru (Ruslan)]

ユーザーがカスタマイズできるようにグループ化できると素晴らしいでしょう。コミュニティの何人かがそれを求めていました。

はい、これはプラグインが必要ですが、良いアイデアだと思います

[MustardMan]

カテゴリの幅がこんなに細い理由に何か思い当たりますか？これを修正する方法はありますか？

[awesomerobot (Kris)]

これはミントテーマにありますか？軽微な更新を行いました。これにより修正されるはずです。そのテーマのCSSとこのコンポーネントとの間にわずかな競合がありました。

[MustardMan]

はい、ミントでした。ありがとうございます。

[Cameron_McNabb]

カテゴリの色でボックスにアウトラインが表示されないようにするにはどうすればよいですか？フォークしてCSSを追加したり、categories-groups.hbsの<li>スタイルを変更したりしましたが、うまくいきませんでした。

（私は訓練された開発者ではなく、素人です。）

[awesomerobot (Kris)]

カラフルな境界線を削除するには、テーマに少しCSSを追加できます。

.category-boxes .category-box {
  border-left: 2px solid var(--primary-low) !important;
}

または、「Fancy Styling」設定がオンになっている場合：

.custom-categories-groups .category-box {
    border: 2px solid var(--primary-low) !important;
}

[Cameron_McNabb]

クリスさん、ありがとうございます。

どうやらもっと大きな問題があるようです。なぜか、テーマコンポーネントを更新しようとすると、変更がまったく反映されません。したがって、私のCSSは問題なかったのですが、ロードされていなかっただけです。このスレッドで扱うべきことではありません。何か私が間違っていることがあるか、検索してみます。

[MustardMan]

最新セクションをカテゴリの下に配置した、おしゃれなスタイリングボックスを作成することは可能でしょうか？本質的には、「Air」テーマの「Modern Categories + Group Boxes」コンポーネントと同じことをしたいのです。デスクトップビューでは「Categories with Latest」を選択でき、最新情報はカテゴリの下に表示されます。

CSSの自作を試みていますが、専門家ではありません。これは簡単な作業でしょうか、それとも私のスキルセットでは難しいでしょうか？

[gormus (Osman Görmüş)]

多くのカテゴリとサブカテゴリが有効になっており、ランディングページが非常に混雑し、ユーザーが興味のあるものを見つけにくくなっています。

そのため、ユーザーグループごとにターゲットを絞ったものにするために、カテゴリグループのランディングページをカスタマイズしたいと考えています。

そこで、各カテゴリグループに表示設定オプションを追加することを提案します。定義されている場合、カテゴリグループは設定で有効になっているユーザーグループにのみ表示されるようになります。

この意味を実証するためにプルリクエストを作成しました。このオプションについてどう思われますか？使用しますか？Discourseサイトに適用されますか？

feat(settings): replace json_schema settings with object type

追伸：この提案された新しいオプションは、代替のアクセス制御とは見なされないでください。ログインしているユーザーのグループメンバーシップに基づいて表示されるカテゴリグループを制御するだけです。既存の権限は引き続き有効です。

[Olle11]

最新のDiscourseアップデート後、表示されなくなっているようです。このTCを動作させるにはアップデートが必要かもしれません。

[satonotdead]

モバイルでデフォルトのカテゴリオプションでこのスタイルを有効にしないのはなぜですか？

コンポーネントで素晴らしく見えます！