카테고리 그룹

:discourse2: 요약 카테고리 그룹은 카테고리를 그룹에 할당할 수 있으며, 이 그룹은 카테고리 페이지에서 카테고리를 정렬하고 접는 데 사용됩니다.
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 리포지토리 링크 https://github.com/discourse/discourse-category-groups-component
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문가이드

이 테마 컴포넌트 설치

기능

:information_source: 참고할 중요한 사항:

  • 이 테마 컴포넌트는 사이트 설정 desktop category page styleboxes with subcategories로 설정되어 있을 때만 작동합니다(해당 카테고리 페이지 템플릿을 대체하기 때문).

  • 카테고리 접기는 브라우저의 로컬 스토리지를 사용하므로, 접힌 상태는 다른 기기 간에 기억되지 않습니다.

설정

이름 설명
category groups 그룹이 구성되는 방식입니다. 형식: 그룹 이름: category-slug, extra-link-id, category-slug-2 (카테고리 슬러그는 URL에서 확인되는 카테고리의 이름입니다. 일반적으로 공백 없이 모두 소문자입니다)
extra links 카테고리 목록에 섞어 넣을 수 있는 추가 링크입니다. 렌더링하려면 category_groups 설정에 링크 ID를 추가하세요
show on mobile 모바일에서 접을 수 있는 카테고리 박스 그룹 표시
show ungrouped 다른 그룹에 할당되지 않은 카테고리의 그룹을 표시
fancy styling 추가 스타일링 켜기 (일부 사용자 정의 스타일이 추가되었습니다. 기본값에서 벗어나므로, 자체 테마를 작업 중이라면 이 기능을 비활성화하는 것이 좋습니다)
hide muted subcategories 활성화되면, 음소거된 하위 카테고리가 있는 경우 음소거되지 않은 상위 카테고리가 음소거 섹션에 표시되지 않습니다
테마 번역 기본값
ungrouped_categories_title 기타

:discourse2: 저희가 호스팅을 제공하나요? 테마 컴포넌트는 Pro, Business 및 Enterprise 플랜에서 사용할 수 있습니다.

53개의 좋아요

해당 컴포넌트의 리팩토링을 병합했습니다. 전체적인 기능은 그대로 유지되며, 일부 버그가 수정되었습니다.

백엔드에서는 현대화된 Ember를 사용하고 템플릿 오버라이드를 제거했습니다. Discourse 커스터마이징의 경우 템플릿 오버라이드는 다소 취약할 수 있기 때문입니다.

이 문제는 이제 수정되었습니다.

이 문제도 수정되었습니다. 이제 그룹은 더 이상 하위 카테고리 레이아웃에 적용되지 않습니다.

이 부분을 업데이트하여 이제 카테고리 로고가 훨씬 더 정상적인 크기로 표시됩니다.

6개의 좋아요

특정 카테고리에 대해 하위 카테고리를 표시하지 않도록 할 수 있을까요? 특정 방식으로 정리된 카테고리가 있으며, 중첩된 하위 카테고리로 인해 박스가 상당히 크게 표시됩니다.

2개의 좋아요

아마도 #customization:theme-component에서 Category Hider를 시도해 볼 수 있습니다.

2개의 좋아요

사이드바에 카테고리 그룹을 적용할 수 있는지 알려주실 수 있나요? 불가능하다면, 이 기능을 기능 요청으로 등록하고 싶습니다. 감사합니다!

1개의 좋아요


제 웹사이트에 문제가 있습니다. 하위 카테고리 사이에 간격이 없습니다.

2개의 좋아요

보고해 주셔서 감사합니다. 업데이트로 이제 수정되었을 것입니다 (UX: include gap for subcategories - Pull Request #19%EC%97%90%EC%84%9C - discourse/discourse-category-groups-component - GitHub 수정됨).

2개의 좋아요

불가능합니다. 이를 허용하려면 Discourse의 사이드바에 더 큰 변경이 필요합니다(요청 사항 확인했습니다!).

2개의 좋아요

이 그룹핑을 사용자가 직접 설정할 수 있으면 좋겠어요. 우리 커뮤니티에서 몇몇 분들이 그걸 원하고 있었거든요.

네, 이건 플러그인이 필요하지만, 좋은 아이디어라고 생각해요

분류 폭이 왜 이렇게 좁은지 혹시 아는 분 계신가요? 이 문제를 해결할 방법이 있을까요?

2개의 좋아요

이것이 Mint 테마에서 발생한 문제인가요? 해당 문제를 수정하기 위해 작은 업데이트를 했습니다. 해당 테마의 CSS와 이 컴포넌트 사이에 약간의 충돌이 있었거든요.

3개의 좋아요

네, 민트였어요. 감사합니다.

2개의 좋아요

카테고리 색상으로 테두리가 그려지는 것을 어떻게 막을 수 있을까요? 포크를 시도해 보기도 했고, CSS를 추가하거나 categories-groups.hbs 파일의 <li style 속성을 변경해 보기도 했습니다.

(참고로 저는 개발을 전문으로 하는 사람이 아니라, 취미로 조금만 해본 수준입니다.)

3개의 좋아요

테마에 아래 CSS를 추가하여 색상 있는 테두리를 제거할 수 있습니다:

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

또는 “화려한 스타일링” 설정이 켜져 있는 경우:

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

1개의 좋아요

크리스, 감사합니다.

더 큰 문제가 있는 것 같습니다. 어떤 이유에서인지 Theme 컴포넌트를 업데이트하려고 해도 변경 사항이 전혀 반영되지 않습니다. 제 CSS는 정상이었는데, 단순히 로딩이 안 되고 있었던 것이었네요. 이 스레드에서 다루기엔 부적합한 내용이라, 제가 뭔가 바보 같은 실수를 하고 있는 건 아닌지 찾아보겠습니다.

1개의 좋아요

카테고리 아래에 최신 항목 섹션이 있는 화려한 스타일 박스를 사용할 수 있을까요? 기본적으로 에어 테마의 “Modern Categories + Group Boxes” 컴포넌트가 하는 것과 동일한 작업을 하려는 것입니다. 데스크톱 뷰에서 "Categories with Latest"를 선택하면 최신 항목이 카테고리 아래에 표시됩니다.

CSS를 직접 수정해 보고 있지만, 전문가 수준은 아닙니다. 이 작업이 쉬운 편인지, 아니면 제 역량 범위를 벗어난 것인지 궁금합니다.

1개의 좋아요

저희는 카테고리가 많고, 활성화된 하위 카테고리까지 더해져 랜딩 페이지가 매우 혼잡해져 사용자가 관심 있는 항목을 찾기 어려운 상황을 겪고 있습니다.

이로 인해 특정 관심사 영역(유저 그룹)에 속한 사용자에게 더 정밀하게 맞춘 방식으로 카테고리 그룹 랜딩 페이지를 커스터마이징하고자 합니다.

따라서 각 카테고리 그룹에 대해 가시성(visibility) 옵션을 추가하는 것을 제안합니다. 이 옵션이 정의된 경우, 해당 카테고리 그룹은 설정에서 활성화된 유저 그룹에만 표시되도록 할 수 있습니다.

이 모든 것을 설명하기 위해 풀 리퀘스트를 생성했습니다. 이 옵션에 대해 어떻게 생각하시는지 알려주세요. 이 기능을 사용하시겠습니까? 여러분의 Discourse 사이트에 적용할 수 있을까요?

p.s. 이 제안된 새로운 옵션은 대체 액세스 제어로 고려되어서는 안 됩니다. 이는 단순히 로그인된 사용자의 그룹 소속에 따라 어떤 카테고리 그룹이 표시될지를 제어하는 것입니다. 기존 권한은 여전히 유효합니다.

1개의 좋아요

최근 Discourse 업데이트 이후로 표시가 안 되는 것 같습니다. 이 TC가 작동하려면 업데이트가 필요할 수도 있습니다.

(게시글이 작성자에 의해 삭제되었습니다)

호라이즌에서는 작동하지 않는 것이 맞나요?

1개의 좋아요