카테고리 숨김 테마 컴포넌트

안녕하세요, 간단한 테마 컴포넌트를 만들었습니다. 누군가에게 유용하길 바랍니다!

:eyeglasses: 개요

이것은 햄버거 메뉴 또는 카테고리 박스에서 특정 카테고리를 숨길 수 있도록 하는 테마 컴포넌트입니다.

:thinking: 왜 이 컴포넌트가 필요할까요?

Discourse 웹사이트에 카테고리가 많고 메뉴 바 또는 메인 페이지에서 일부 카테고리를 숨기고 싶다면, 이 컴포넌트가 도움이 될 수 있습니다.

:framed_picture: 스크린샷

햄버거 메뉴 미리보기: 이전 → 이후

:gear: 설정 메뉴:

이 테마 컴포넌트 사용법 및 설치 지침에 대한 자세한 내용은 해당 컴포넌트의 GitHub 저장소에서 확인하실 수 있습니다.

14개의 좋아요

꽤 멋진 것 같긴 한데, 카테고리 음소거보다 어떤 장점이 있나요?

5개의 좋아요

틀린 말이 있으면 바로잡아 주세요. 제 이해가 맞다면, 카테고리를 음소거하면 기본적으로 알림이 비활성화되는 건가요? :thinking: 카테고리를 음소거해 봤는데도 여전히 햄버거 메뉴와 카테고리 박스에 표시됩니다.

이 테마 구성 요소는 주로 스타일 변경에 해당합니다. 원하지 않는 카테고리를 시각적으로 숨기되, 해당 카테고리의 알림 및 기타 모든 기능은 그대로 유지됩니다.

2개의 좋아요

이 문제는(생각컨대) 사용자가 음소거되지 않은 주제가 있는 카테고리를 하나 이상 가지고 있을 때만 발생하는 것 같습니다.

귀하의 컴포넌트는 이러한 문제가 발생하는 것을 방지할 수 있으므로, 카테고리를 완전히 숨기고 깔끔한 상태를 유지해야 하는 상황에서 유용할 수 있습니다.

4개의 좋아요

케이건, 안녕?

이 컴포넌트는 우리가 미래에 필요로 할 것 같은 모습 그대로야. 우리의 사용 사례는 매우 구체적이며, 특정 상위 카테고리에서 하위 카테고리를 숨기는 것을 원해.

여기 있는 코드 스니펫과 결합하면 우리가 찾고 있는 것을 정확히 달성할 수 있을 것 같아:

2개의 좋아요

안녕하세요, 최신 discourse 업데이트 이후로 문제가 발생하는 것 같습니다.

1개의 좋아요

@Heliosurge 알려주셔서 감사합니다. 최대한 빨리 수정하고 이곳에 업데이트를 올리겠습니다.

2개의 좋아요

Hey @Heliosurge,

테마 컴포넌트의 문제는 이제 수정되었습니다. 이제 올바르게 작동해야 합니다.

3개의 좋아요

Keegan, 감사합니다. 흥미로운 아이디어네요. 저는 이전에 CSS를 사용해 이 문제를 해결했기 때문에 관련 도움 토픽을 게시한 적이 있습니다.

@manuel 회원님이 CSS 코드를 정말 잘 알려주셨는데, 저는 이 코드를 사용해 많은 하위 카테고리를 숨기고 햄버거 메뉴에 상위 카테고리만 보이도록 설정하고 있었습니다.

그래서 하위 카테고리만 선택적으로 숨길 수 있는 토글 기능을 추가하면 어떨까 하는 생각이 들었습니다.

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

이 설정은 숨겨야 할 하위 카테고리가 많은 사용자에게 매우 편리할 것입니다.

4개의 좋아요

@Heliosurge

정말 편리해 보이네요! 감사합니다! 이제 이 테마 컴포넌트에 해당 기능을 추가했으니, 햄버거 메뉴 및/또는 카테고리 목록 컨텍스트에서 하위 카테고리를 숨기는 기능을 토글할 수 있습니다.

3개의 좋아요

대단해요! 계속 멋진 일 잘하고 계세요.

:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

1개의 좋아요


@keegan 님, 안녕하세요.
상단 메뉴에서 Category를 숨길 수 있을까요?
감사합니다!

설치 시 (3.1.0beta3) 다음과 같은 오류가 발생합니다:

오류: "]"가 예상되었습니다. ┌──> /tmp/discourse_theme_526e702e5adb76bf8137c869c5f6d389/discourse-category-hider/stylesheets/mobile/categories.scss 6 │ [data-category-id=‘#{$box}’] { │ ^^^^ ╵ ╷ 1 │ [data-category-id=“str-split(, “|”)”] │ ━ 보간된 출력에서 오류 발생 ╵ mobile/categories.scss 6:26 @import /var/www/discourse/mobile.scss 1:993 루트 스타일시트

2개의 좋아요

네, 유용할 것 같지만 최신 Discourse 버전에서 설치가 깨져 있습니다.

방금 수정 사항을 배포했습니다. 다시 설치하거나 구성 요소를 업데이트해 주세요.

방금 이 기능을 추가했습니다. 이제 category_breadcrumb 테마 설정에 카테고리 이름을 추가하여 특정 카테고리를 카테고리 브레드크럼 드롭다운에서 숨길 수 있습니다.

5개의 좋아요

실례가 안 되겠지만, 효과가 없어요.


제가 맞나요?

1개의 좋아요

이 항목에는 카테고리 슬러그가 아니라 카테고리의 이름을 사용해야 합니다.

3개의 좋아요

감사합니다,
성공,
모두가 대문자와 소문자를 구별하세요

4개의 좋아요

안녕하세요

이 컴포넌트는 표준 카테고리 화면과 브레드크럼에서 잘 작동하지만, 다음과 같은 문제가 있습니다:

사이드바가 레거시 모드로 설정되지 않는 한 햄버거 메뉴에서 카테고리를 제거하지 않습니다.

표준 사이드바/햄버거 메뉴에서 카테고리를 숨기는 방법이 있을까요?

“카테고리 햄버거” 설정을 시도해 보았지만, 어떻게 해야 하는지 모르겠습니다.

감사합니다

2개의 좋아요

안녕하세요 @martyn_thomas

관리자 설정 - default_navigation_menu_categories에서 내비게이션 메뉴의 카테고리를 설정할 수 있습니다. 이 설정을 통해 내비게이션 메뉴의 ‘카테고리’ 섹션에 기본적으로 표시할 카테고리를 선택할 수 있습니다. 사용자는 ‘카테고리’ 헤더 옆의 연필 아이콘을 클릭하여 자신의 카테고리 메뉴 섹션을 사용자 지정할 수 있으며, 이는 누구나 할 수 있는 작업이므로 일반적으로 권장됩니다.

2개의 좋아요