카테고리 목록에서 하위 카테고리를 숨기는 방법은 무엇인가요?

하위 카테고리(이 경우 “Build your own teen innovation challenge”)가 메인 카테고리 페이지에서 더 이상 표시되지 않도록(화살표) 하는 방법을 모르겠습니다. 여러 가지를 시도해 보았지만 해결되지 않았습니다. 도와주실 수 있을까요?

이 기능에 대한 사이트 설정을 찾을 수 없지만, 테마 컴포넌트에서 CSS를 사용해 숨길 수 있습니다.

다음 CSS를 사용할 수 있습니다:

.category .subcategories {
      display: none;
    }

햄버거 드롭다운 메뉴에도 표시하지 않으려면:

.category .subcategories, .category-links .category-link.subcategory {
  display: none;
}

CSS에는 익숙하지만, Discourse에서 이를 적용하기 위해 어디에 추가해야 하는지 확실하지 않습니다.

모바일에서 기억나는 바로는, 대략 다음과 같습니다:

관리자
커스터마이즈
테마
컴포넌트
설치 (새 컴포넌트 이름 입력)
HTML/CSS 편집
테마에 테마 컴포넌트 적용

다른 방법으로는… 하위 카테고리를 특정 그룹에 할당하고 해당 그룹에 대한 표시 범위를 제한할 수 있습니다. 참고로 말씀드립니다.

메인 카테고리 페이지 외에 다른 결과로 이어질 수 있을까요? 아직 그룹을 사용해 본 적이 없습니다.

"Team Kids"라는 그룹을 생성한 후, 해당 그룹에 가입/조회/참여할 수 있는 사용자를 정의합니다.

  • 설명을 추가하고, 일반 멤버와 달리 그룹을 관리할 수 있는 “소유자” 역할을 특정 사용자에게 부여합니다.

"Classes & Events"에서 했던 것처럼 카테고리를 생성합니다.

  • 카테고리의 /편집 /보안 설정에서 그룹에 대한 읽기/쓰기/조회 권한을 할당합니다.
  • 웹의 모든 익명 게스트 등을 포함하는 "Everyone"의 설정도 변경할 수 있음을 주목해 보세요.

또는

@everyone에게 하위 카테고리가 표시되지 않도록 막는 것입니다. 카테고리를 @trust_level_0 사용자, 즉 로그인한 등록 사용자로만 제한합니다. 또는 플랫폼에서 몇 주 동안 활동한 @trust_level_1 사용자로 제한할 수도 있습니다. 이러한 신뢰 수준은 실제로 모두 그룹입니다.

이것이 구글 검색을 통해 모두 크롤링되고 온라인의 무작위 사용자에게 노출되는 것을 막기보다, 카테고리를 제한하는 방법에 대한 아이디어를 드리는 데 도움이 되기를 바랍니다.

모두 아주 좋은 제안들이었습니다. 감사합니다. 결국 저는 이벤트 그룹을 만들고, 경우에 따라 그 아래에 개별 이벤트용 하위 그룹을 만들고자 했습니다. 현재는 아카이브 서브로 관리되고 있어서 화면 맨 앞에 크게 보여줄 필요는 없지만, 삭제하고 싶지도 않습니다.

마누엘이 위에 제시한 CSS와 함께 사용하면 완벽하게 작동했습니다. 감사합니다.

카테고리 그룹 접근 권한은 각 특정 카테고리 내에서 정의되므로, 그룹이 카테고리에서 실제로 가져야 할(또는 가져서는 안 될) 접근 권한에 대해 완전한 제어가 가능합니다. Discourse의 사용자 “신뢰 수준”, 스태프, 관리자, 모더레이터 등은 모두 문자 그대로 그룹일 뿐입니다.

저에게는 도움이 되어서 감사합니다. 하지만 원본 게시물에서 설명된 문제와는 다른 문제를 해결하고 있는 것 같습니다. 그는 단순히 메인 카테고리 페이지에서 하위 카테고리를 제거하고 싶었을 뿐, 그 외에는 정상적으로 작동하기를 원했던 것으로 보입니다.

카테고리를 그룹별로 억제하는 방법은 이것밖에 모릅니다. 신뢰 수준은 모두 그룹입니다. 필요에 따라 사용하거나 무시하세요.

안녕하세요,

저의 경우 숨김 옵션을 사용하여 상위 카테고리에 두 개의 하위 카테고리를 중첩했는데, 이 경우 마지막 중첩된 하위 카테고리만 숨겨집니다. CSS를 통해 두 단계 깊이의 카테고리를 숨기는 방법이 있을까요?

예를 들어,
상위 카테고리
하위 카테고리 1 - 숨김
하위 카테고리 2 - 숨김

위 시나리오에서 제공된 CSS는 하위 카테고리 2만 숨깁니다.

.category .subcategories {
      display: none;
    }

감사합니다.

브라우저 개발자 도구를 사용하여 추가된 요소를 검사한 다음, 해당 클래스를 스타일 선언에 추가해야 합니다.

답변 감사합니다!

참고: 숨겨진 기능을 호출하여 중첩 카테고리를 하나 더 추가할 수 있도록 했습니다. 총 3개(기존 2개 대비).

문제를 더 잘 설명할 수 있는 예시를 하나 들겠습니다.
예를 들어, 메인 페이지:
테스트 (카테고리)

  • 테스트 - 하위 1 (부모 테스트 카테고리의 하위 카테고리)
    이 시나리오에서,
.category .subcategories {
      display: none;
    }

은 정상적으로 작동합니다.
image
화면에서 보시는 것처럼 중첩된 ‘테스트 - 하위 1’ 카테고리는 표시되지 않습니다.

그런데 또 다른 중첩 하위 카테고리를 추가하면 어떻게 될까요?
‘테스트 - 하위 2’ 카테고리를 추가하되, '테스트 - 하위 1’을 부모로 설정한 경우:


위 이미지에서 보시는 것처럼, CSS 코드에 따라 '테스트 - 하위 2’는 숨겨지지만, '테스트 - 하위 1’은 더 이상 숨겨지지 않습니다.

문제는 이제 두 가지입니다.
첫째, '테스트 - 하위 1’의 제목을 숨기려면 클래스를 display: none으로 설정해야 하지만, 이렇게 하면 메인 페이지의 모든 상위 카테고리도 함께 숨겨집니다.
둘째, ‘테스트 - 하위 1’ 중첩 카테고리만 따로 분리하여 숨길 수 있다 해도, 그것이 차지하는 공간은 여전히 남아 있어 문제가 됩니다. 메인 페이지에 중첩 하위 카테고리가 각각 두 개인 카테고리를 약 20개 더 추가해야 하기 때문입니다.
이상적으로는 최종 사용자가 ‘테스트’ 카테고리를 클릭하면 다른 중첩 카테고리에 접근할 수 있도록 하는 것입니다. 이는 ‘이 카테고리의 주제 위에 하위 카테고리 목록 표시’ 기능을 사용하고, 하위 카테고리 목록 스타일을 예를 들어 상자(Boxes) 등으로 설정하면 쉽게 구현할 수 있습니다.

만약 나중에 ‘테스트’ 카테고리 뒤에 다른 메인 페이지 카테고리를 배치하고 싶다면, 빈 줄(줄바꿈) 20행 등이 남아 있는 것은 원하지 않습니다.

어떤 생각이 드시나요?

이 Customization > Theme component 를 시도해 보세요

잘 작동했어요 - 감사합니다!