サイドバーで子カテゴリを親カテゴリの下にネストする

これに同意します。これに関するアップデートはありましたか?それとも近い将来にありますか?

「いいね!」 2

現時点では、これ以上の変更を行う予定はありません。

なお、サブカテゴリが親カテゴリの下に ソート されるようになったことがわかります(例:メタの Documentation のサブカテゴリ)。

また、カテゴリ選択のUIは、この議論が始まってから変更されており、そのダイアログ内ではサブカテゴリがネストされています。

これにより、サイドバーに追加するカテゴリを選択する際に、より見つけやすくなるはずです。

「いいね!」 3

こんにちは!

偶然、この記事を見つけました。以前書いた文章と驚くほど似ています。
https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354/24?u=aizada_m

ディスコースチームはこの問題について解決策を構想していますか、それともこの問題は解決済みと見なすことができますか?

正確にはわかりませんが、親カテゴリが表示されている場合、サブカテゴリをCSSでターゲットにしてインデントし、ネストされた外観を提供できるのではないでしょうか? ::before疑似要素を使用できますか? :woman_shrugging:t2:

ナビゲーションメニューコンポーネントのいずれかを更新する際に、私が考え出したものをいくつか見てみるかもしれません。どのように達成できるかについてのロジックは頭の中にありますが、それが実際に可能かどうかはわかりません。私の夢では、サブカテゴリがネストされているだけでなく、箇条書きをクリックすることでサブカテゴリを親カテゴリに折りたたむことも可能です。 :laughing: :exploding_head:

「いいね!」 5

サイドバーに多くのサブカテゴリがあり、タワーのように積み重なってしまい、サイドバーのUX改善を損なうため、変更が発生した場合に通知を受け取れるように参加します。

現時点で最善の解決策は、ユーザーにグループを選択してもらい、それらのグループに関連するカテゴリのみを表示することです。さらに、デフォルトのカテゴリが1つ表示されます。これは、ユーザーがグループを選択しすぎるとサイドバーにタワーができてしまうまで機能します。

@Lilly その方法がうまくいかない場合、ネストされたカテゴリを作成するツールはすでに存在するかどうか疑問に思いました。

カスタム追加セクションモジュールに、すべてのトップレベルカテゴリを独自のセクションとして自動的に追加し、そのサブカテゴリを下に表示するように指示できますか?

この方法により、ユーザーはサイドバーを完全に制御できるようになります。すべてに編集機能が組み込まれているからです。

欠点は、ユーザーがカテゴリのカラーボックスアイコンを失い、おそらく各セクションの新しい投稿数を表示する機能も失うことです。

「いいね!」 2

これに対する解決策はありましたか?

すべてが巨大で長いリストにしかならないのはクレイジーなようです…手動で少しインデントしてスタイルを設定できるようなクラスさえサブカテゴリに追加されていないようです。

以下に近いものを達成したいと考えています。

マーケティング ⌄

  • カスタマーセントリシティ
  • テクノロジー
  • ツール

いや、最近このことについてよく考えているんだ。つまり、カテゴリセクション全体が個々のユーザーによってカスタマイズ可能であり、これが推奨される方法であり、奨励されるべきだと思う。サブカテゴリは親カテゴリなしで追加でき、サブカテゴリであることを示すために半分の色の付いた弾丸があるため、特にそれを実現するための困難で骨の折れるプログラミング作業を考えると、ネストされた/インデントされたリストは本当にそれだけの価値はないと思う。機能的な観点からは、おそらく弾丸をクリックすることで折りたたみ可能な親カテゴリ(たとえば「詳細」セクションのような)というアイデアは、インデントよりも魅力的に思えるが、それはさらに困難なプログラミングの試みである。 :thinking:

「いいね!」 2

それなら、サブカテゴリのIDを使用してください。少し面倒ですが機能します。

li.sidebar-section-link-wrapper {
  &[data-category-id="10"], /*サブカテゴリID*/
  &[data-category-id="11"], /*サブカテゴリID*/
  &[data-category-id="12"], /*サブカテゴリID*/
  &[data-category-id="13"]  /*サブカテゴリID*/ {
    margin-left: 1em;
  }
}

「いいね!」 8

おお、これは素晴らしい解決策ですね!!!共有ありがとうございます :raised_hands:。質問なのですが、サイドバーの通常のリンクでも同様のことを行うことは可能でしょうか? :sweat_smile:

開発者コンソールを開き、data-list-item-name レコードを確認してください。

次に、CSS で次のようにターゲットにできます。

li.sidebar-section-link-wrapper {
  &[data-list-item-name="New"],
  &[data-list-item-name="Global leaderboard"],
  &[data-list-item-name="Test leaderboard"] {
    margin-left: 1em;
  }
}

同様のアプローチで、個々のリンクではなくセクション全体を移動できます。

.sidebar-section-wrapper.sidebar-section[data-section-name="new-global-links-section"] {
    margin-left: 1em;
}

「いいね!」 6

こんにちは、@dax さん!返信が遅くなってすみません :pray:
はい、これは魔法です :sparkles: そして、うまくいきました。この3ヶ月間、このような解決策を探していました。本当に感謝しています :raised_hands:

「いいね!」 2

サイドバーで、サブカテゴリを親カテゴリの下にインデントして表示することは可能でしょうか?サイドバーをご覧ください。

例えば、「Events」の下にあるサブカテゴリ「AGU」はインデントされていません。多くのユーザーは色の違いが分からず、「AGU」を「Events」とは無関係の別のカテゴリだと考えてしまいます。そのため、後で「AGU」をカテゴリとして検索し、サブカテゴリとしては見つけにくくなります。

インデントするオプションはありますか?もしなければ、追加していただけると嬉しいです。

これを簡略化する方法はないかと思っています。

Category Hider テーマコンポーネントでは、すべてのサブカテゴリを非表示にするトグルが追加されました。

.hamburger-panel .category-link.subcategory {
      display:none;
}

このコンポーネント以前は、各サブカテゴリを個別にターゲットにして手動で非表示にしていました。誰かがすべてのサブカテゴリを非表示にする1行のコードを共有してくれるまで。

li.sidebar-section-link-wrapper {
  .category-link.subcategory {
    margin-left: 1em;
  }
}

上記のコードはすぐにテストします。

残念ながら、これは機能しません。:sad_but_relieved_face: このコードを調整して機能させる方法はありますか?

これを実現するためのシンプルなテーマコンポーネントを作成しました

「いいね!」 10

素晴らしい!ありがとうございます!

「いいね!」 1