사이드바에서 하위 카테고리를 상위 카테고리에 포함

동의합니다. 이 부분에 대한 업데이트가 있었나요? 아니면 가까운 시일 내에 나올 예정인가요?

2개의 좋아요

이 부분에 대해 추가적인 변경을 할 즉각적인 계획은 없습니다.

참고로 이제 하위 카테고리가 상위 카테고리를 기준으로 정렬되어 아래에 표시되는 것을 확인할 수 있습니다(예: meta의 Documentation 하위 카테고리):

또한, 이 토론이 시작된 이후로 카테고리를 선택하는 UI가 변경되었으며, 해당 다이얼로그 내에서 하위 카테고리가 중첩되어 표시됩니다.

이것은 사이드바에 추가할 카테고리를 선택하는 사람들이 하위 카테고리를 더 쉽게 발견할 수 있도록 도와줄 것입니다.

3개의 좋아요

인사드립니다!

우연히 이 기사를 발견하게 되었습니다. 제가 이전에 작성한 글과 매우 유사하여 인상적이었습니다.
https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354/24?u=aizada_m

궁금한 점이 있습니다. Discourse 팀이 이 문제에 대해 해결책을 구상하고 있는지, 아니면 이 문제가 이미 해결된 것으로 볼 수 있는지요?

확실하지는 않지만, 상위 카테고리가 표시된다면, 아마도 하위 카테고리에 CSS를 적용하여 들여쓰기를 통해 중첩된 외관을 제공할 수 있지 않을까요? ::before 의사 요소를 사용할 수도 있겠네요? :woman_shrugging:t2:

내비게이션 메뉴 컴포넌트를 업데이트할 때 어떤 아이디어를 떠올릴 수 있을지 한번 살펴보겠습니다. 어떻게 구현할 수 있을지 머릿속으로 로직은 잡고 있지만, 실제로 가능한지는 잘 모르겠습니다. 꿈속에서는 하위 카테고리가 중첩될 뿐만 아니라, 불릿을 클릭하면 하위 카테고리를 상위 카테고리로 접을 수도 있습니다. :laughing: :exploding_head:

5개의 좋아요

사이드바에 탑을 세워야 할 정도로 서브카테고리가 너무 많아, 사이드바가 가져다주는 UX 개선이 무너져 버리는 문제를 겪고 있어서, 변경 사항이 발생하면 알림을 받을 수 있도록 이 논의에 참여합니다.

현재 우리가 가진 최선의 해결책은 사용자가 자신의 그룹을 선택하면 해당 그룹과 관련된 카테고리만 표시되도록 하고, 기본적으로 한 가지를 더 보여주는 방식입니다. 이 방식은 사용자가 너무 많은 그룹을 선택하여 사이드바에 탑을 세워버리는 상황이 발생하기 전까지는 잘 작동합니다.

@Lilly 해당 방법이 통하지 않는다면, 중첩 카테고리를 생성하는 도구가 이미 존재하는지 궁금했습니다.

‘Add Custom section’ 모듈이 최상위 카테고리를 각각 자체 섹션으로 자동 추가하고, 그 아래에 하위 카테고리를 가져오도록 설정할 수 있을까요?

이 방법은 사용자가 사이드바에 대해 뛰어난 제어력을 가질 수 있게 해줍니다. 모든 섹션에 편집 기능이 내장되어 있기 때문이죠.

단점으로는 사용자가 카테고리 색상 박스 아이콘을 잃게 되며, 각 섹션의 새 게시물 수를 표시하는 기능도 사라질 가능성이 있습니다.

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:
네, 정말 마법 같은 것 같고 실제로 작동해요. 지난 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개의 좋아요