노출된 카테고리

:discourse2: 요약 Showcased Categories를 사용하면 두 개의 다른 카테고리에서 선택한 두 개의 “추천” 주제 목록을 포럼 홈 페이지 상단에 추가할 수 있습니다.
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 저장소 링크 https://github.com/discourse/discourse-showcased-categories
:open_book: Discourse 테마가 처음이신가요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

기능

테마 컴포넌트 설정에서 각 열의 이름을 사용자 지정하고, 주제를 가져올 카테고리를 선택하며, 해당 카테고리에서 표시할 최대 주제 수를 설정할 수 있습니다.

설정:

이름 설명
show as sidebar 활성화되면, 추천 카테고리는 최신 페이지의 사이드바에서만 렌더링됩니다.
feed one title 첫 번째 주제 피드의 제목
feed one category 주제를 가져올 단일 카테고리
feed one tag 선택적으로 여러 태그에서 주소를 가져올 수 있으며, 카테고리와 결합할 수 있습니다
feed two title 두 번째 주제 피드의 제목
feed two category 주제를 가져올 단일 카테고리
feed two tag 선택적으로 여러 태그에서 주소를 가져올 수 있으며, 카테고리와 결합할 수 있습니다
max list length 사용자 지정 목록에 몇 개의 주제가 표시되어야 하나요?
plugin outlet 추가 사용자 지정을 위한 고급 설정
번역 기본값
showcased_categories.new_post 게시
showcased_categories.view_more 더 보기

크레딧

이 컴포넌트의 원래 구조를 구축해 주신 @awesomerobot님께 감사드립니다. :+1:


:discourse2: 우리가 호스팅하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

45개의 좋아요

정말 좋습니다! 최근에 저도 그런 것에 대해 생각해보고 있었어요.
조던, 감사합니다!

8개의 좋아요

조던, 고마워!
정말 흥미롭네!

3개의 좋아요

이 컴포넌트를 개선하기 위한 제안:

  • 사용자별 또는 그룹별 커스터마이징. 예를 들어, 특정 그룹에서는 다른 그룹보다 특정 카테고리가 더 중요할 수 있습니다. 물론 그룹에 따라 달라집니다. 따라서 컴포넌트를 사용자별로 커스터마이징할 수 있거나, 최소한 관리자가 그룹에 따라 어떤 카테고리를 강조할지 선택할 수 있으면 좋겠습니다.
  • 전면 배치 대신 사이드바 옵션을 제공하는 것, 특히 ‘최신’ 보기에서 사이드바를 사용할 수 있으면 좋겠습니다.
5개의 좋아요

피드백 주셔서 감사합니다!

흥미로운 제안입니다 :+1:. 여러 그룹에 속한 사용자는 어떻게 처리해야 할지 궁금합니다. 조금 복잡해질 수 있지만, 아이디어 자체는 마음에 듭니다.

사이드바도 좋을 것 같습니다 :grinning_face_with_smiling_eyes:

5개의 좋아요

이제 최신 보기에서 목록을 사이드바에 표시하도록 선택할 수 있습니다 :grinning_face_with_smiling_eyes:

제안해 주셔서 감사합니다.

5개의 좋아요

정말 훌륭해요!! :+1: 시도해보고 피드백을 남길게요.

3개의 좋아요

음, 그러니까… 사이드바가 기본 테마가 아닌 경우 기본 설정에서는 작동하지 않는 것 같습니다. Material Design 테마의 커스텀 버전을 사용 중인데, 사이드바 모드에서도 추천된 카테고리가 최신 목록 위에 표시됩니다(게다가 여백 레이아웃이 실제로 깨지기도 합니다). 우회 방법이 있는지 확인해 보겠습니다.

2개의 좋아요

조던, 안녕하세요! 정말 멋진 컴포넌트를 만들어 주셔서 감사합니다. 다만 한 가지 질문이 있습니다. 파란색 바의 색상을 사용자 지정할 수 있을까요? 플러그인 설정에서 변경할 수 있는 방법이 있거나, 카테고리의 디자인 색상을 적용할 수 있는 방법이 있을까요?

1개의 좋아요

물론입니다!

이를 수행하려면 커스텀 테마 또는 테마 컴포넌트(아마도 더 쉬운 방법)에서 처리해야 합니다.

타겟팅할 대상은 .custom-homepage-columns .header-wrapper입니다.

다음과 같은 코드가 작동해야 합니다:

.custom-homepage-columns .header-wrapper { 
    background-color: `여기에 색상 입력`;
}
3개의 좋아요

안녕하세요, 블록의 높이를 현재보다 2배 줄여서, 블록 크기는 그대로 유지하면서 뉴스 항목을 2배 더 표시할 수 있을까요?
감사합니다.

2개의 좋아요

현재 각 목록에 표시되는 주제의 최대 수는 5개입니다. 간격의 경우, 블록의 CSS 클래스를 지정하여 원하는 효과를 얻을 수 있습니다. :+1:

1개의 좋아요

안녕하세요, 예시를 올려주실 수 있을까요? 감사합니다.

1개의 좋아요

죄송합니다. 테마 편집은 처음입니다. 색상을 편집하려면 컴포넌트를 복제해야 한다는 뜻인가요? HTML/CSS를 불러올 다른 방법이 있을까요?

1개의 좋아요

물론입니다!

토픽 목록 항목의 높이를 변경하려면 다음을 타겟팅하면 됩니다:

.custom-homepage-columns .topic-list .main-link { height: ??? }

다만, 이 외에 표시할 수 있는 최소값은 1이고 최대값은 5입니다.

2개의 좋아요

당연하죠!

이 테마 컴포넌트의 외관을 커스터마이징하려면 컴포넌트를 중복해서 만들 필요가 없습니다.

다음과 같이 진행해 주세요:

  1. /admin/customize/themes로 이동한 뒤 components(컴포넌트)를 클릭하세요.
  2. install(설치)를 클릭한 후 create new(새로 만들기)를 선택하세요. 이때 component(컴포넌트)를 선택하는지 꼭 확인해 주세요. 이름은 원하는 대로 지정할 수 있습니다!

그러면 미사용 컴포넌트 영역에 표시됩니다:

이후 같은 페이지에서 현재 선택된 테마에 해당 컴포넌트를 활성화해야 합니다:

이 작업이 완료되면 edit CSS/HTML(CSS/HTML 편집)를 클릭할 수 있습니다.

이곳에서 common(공통) → css 탭에 커스터마이징용 CSS를 추가할 수 있습니다. 이전에 공유해 드린 코드를 여기에 붙여넣으시면 됩니다.

.custom-homepage-columns .header-wrapper { 
    background-color: `your color here`;
}
3개의 좋아요

감사합니다! 이제 보니 너무 간단하네요 :man_facepalming:

2개의 좋아요

여러분 안녕하세요! 그룹 멤버십에 따라 다른 쇼케이스 카테고리를 표시하는 아이디어가 제가 찾고 있던 바로 그 것입니다. 그리고 사용자가 쇼케이스 카테고리가 설정된 여러 그룹에 속해 있는 경우, TC는 사용자의 기본 그룹을 기준으로 하면 됩니다.

저희의 경우 광고 고객을 위한 비공개 카테고리가 있습니다. 홈페이지 상단에 해당 고객의 개별 카테고리를 표시할 방법을 찾고 있습니다. 이렇게 하면 포럼을 뒤져서 카테고리를 찾아야 하는 번거로움을 줄일 수 있습니다.

3개의 좋아요

여러분, @jordan.vidrine 이 컴포넌트가 제 환경에서는 작동하지 않는 것 같습니다… discourse Air 테마와 함께 사용하려고 하는데 말이죠.
제 설정은 다음과 같습니다.


하지만 사이드바가 보이지 않네요… 검색 바 때문에 배너 섹션에 이걸 넣을 수 없는 것 같다는 추측을 하고 있습니다.

2개의 좋아요

혹시 이 문제의 해결책을 찾았나요? 저는 Air 테마를 사용 중입니다.

2개의 좋아요