추천 주제

:discourse2: 요약 카드 또는 목록 레이아웃에서 태그별로 주제를 강조 표시합니다
:hammer_and_wrench: 저장소 링크 Manuel Kostka / Discourse / Components / Featured Topics · GitLab
:open_book: 디스코urse 테마를 처음 사용하시나요? 디스코urse 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

카드 뷰


목록 뷰


설정


다른 옵션 외에도, 주제를 특징짓는 여러 태그를 선택하고 두 가지 레이아웃 옵션 중 하나를 선택할 수 있습니다: 카드 또는 목록 (사용자 정의 스타일을 추가하려면 없음 선택).

자세한 정보와 컴포넌트 템플릿은 README를 참고하세요.

37개의 좋아요

정말 마음에 들어요! 아마도 바보 같은 질문일 수도 있지만, 이미지를 불러오려면 어디에 저장해야 하나요?

2개의 좋아요

감사합니다! 이미지는 해당 토픽의 첫 번째 게시글에서 가져온 것입니다.

2개의 좋아요

솔직히 이런 Customization > Theme component 가 있으면 좋겠지만, 트렌딩 주제용으로요 (이런 기능은 아마 Customization > Plugin 이 필요할 겁니다).

Discourse가 2.9 버전에서 “인기” 카테고리 주제 정렬 옵션을 다루게 되면 훨씬 쉽게 구현할 수 있지 않을까요? :thinking:

추천 카드에 태그를 표시하는 옵션에 대해, 여러 태그가 있는 주제는 어떻게 처리하나요? 모바일 뷰에서 추천 카드에 태그가 표시되나요?

2개의 좋아요

카드 콘텐츠는 모바일과 데스크톱에서 동일하지만, 모바일에서는 카드가 콘텐츠를 감싸며 고정된 높이가 없습니다. 같은 주제에 여러 개의 추천 태그가 있는 경우, 카드는 기본 태그 목록에서 가장 먼저 표시되는 태그를 표시합니다. 이는 알파벳 순서일 것으로 추정됩니다.

추천 주제에 관해 말씀드리자면, Featured Tiles 컴포넌트와 마찬가지로 목록 알고리즘을 선택할 수 있습니다. 현재 이러한 알고리즘에는 최신(latest)과 다양한 최상위(top) 선택 항목이 포함됩니다:

트렌딩(trending)은 top-daily 또는 top-weekly와 어떻게 다를까요? 어쨌든, 언급된 "hot"과 같은 새로운 정렬 및 필터 알고리즘이 Discourse 코어에 추가되면, 해당 컴포넌트에서도 작동해야 합니다.

1개의 좋아요

글쎄요, 특정 기간으로 제한될 필요가 없어야 합니다. 트렌딩 주제는 1시간 전, 하루 전, 일주일 전 등 다양한 시점의 것이 될 수 있죠.

더 잘 설명할 수 있으면 좋겠는데… :sweat_smile:

그리고, 추천 카드(featured cards)를 여러 줄로 배치할 수 있나요?

2개의 좋아요

이 컴포넌트는 데스크톱에서 카드 한 행만 표시합니다. 모바일에서는 한 열에 원하는 만큼 카드를 표시할 수 있습니다(최대 주제 수 설정이 있음).

데스크톱에서 더 많은 행을 표시하는 것은 컴포넌트에 대한 사용자 정의 CSS를 작성하면 쉽게 가능합니다. 하지만 이는 결국 사용자 정의 레이아웃이 필요할 것으로 생각되므로, 컴포넌트 자체에서 이 용도를 지원하지는 않을 것입니다.

1개의 좋아요

네, 충분히 이해합니다. :+1:

저는 이 #customization:theme-component를 현재 진행 중인 개념과 연결하려는 것이었습니다.

또한, 앞서 언급한 “인기” 카테고리 주제 정렬 옵션은 이미 #plugin:broken-plugin의 형태로 (일부) 존재합니다.

1개의 좋아요

아, 이제 알겠어요.. 제가 표현을 바꾸게 만든 거네요 :wink: feed라고 두 번 썼다가 column으로 바꿨어요. 이 컴포넌트의 목표는 특정 선택된 주제들을 강조하는 것입니다. 동적인 피드처럼 작동하게 만드는 것도 가능하다고 의심하지 않아요. 하지만 그게 목표라면, 기존 목록 뷰를 스타일링해서 그걸 구현하는 쪽이 더 나을 것 같아요. Topic List Previews나 Topic List Thumbnails 같은 컴포넌트를 사용해서 목록 항목을 카드처럼 스타일링하는 거죠. 목록을 직접 다루는 방식은 Discourse의 내비게이션 요소와 필터와 완전히 통합되어 있어요. 이 컴포넌트로는 그런 기능을 얻을 수 없어요.

1개의 좋아요

네, 맞아요. 제가 그냥 제가 쓸 수 있는 모든 옵션을 살펴보고 있을 뿐입니다. 이 주제가 제가 Discourse Meta를 둘러보고 있을 때 올라왔는지라, 결국 제 시선을 사로잡았네요.

2개의 좋아요

음, 썸네일이 제대로 표시되지 않는 것 같아요 :frowning:

1개의 좋아요

음, 모든 내용을 선택 해제해야만 그의 표정이 보여요 :upside_down_face:

다른 브라우저로 시도해 보셨나요? 브라우저 문제가 아니라면 (만약 브라우저 문제라면 설정을 알려주세요) 사이트의 CSS를 점검해 드릴 수 있습니다. 다만 여기나 개인 메시지로 URL을 공유해 주셔야 합니다.

1개의 좋아요

이 컴포넌트가 아직 작동 중인가요?

왜 더 이상 작동하지 않는 거예요? 고장 난 것으로 표시된 것도 아니고, 고작 3개월밖에 안 됐는데 말이죠.

4개의 좋아요

이 컴포넌트를 정말 좋아합니다, 정말 감사합니다! :tada:

#featured에서 주제가 무작위로 선택되는 경우에도 항상 표시되는 "고정"된 추천 주제(예: “이 포럼에 오신 것을 환영합니다” 주제)가 있다면 정말 좋겠습니다. 제 사용 사례뿐 아니라 다른 많은 경우에도 정말 유용할 것 같네요. 구현할 수 있을까요?

1개의 좋아요

@manuel 님, 도움 주세요?
이 컴포넌트가 정말 마음에 들어요! 하지만 작은 문제가 하나 있습니다. :point_down:

관리자 계정에서는 카드가 잘 표시됩니다.

하지만 “일반” 사용자 계정에서는 빈 공간만 있고 카드가 표시되지 않아요.

다른 방법을 찾아야 하기 전에, 도움이나 조언을 주시면 감사하겠습니다 :smiley:

1개의 좋아요

일반 사용자에게 표시되지 않는 태그를 사용하시는 것 같습니다.

컴포넌트 설정을 통해 카드에 태그가 표시되지 않도록 숨길 수 있습니다. 다만, 해당 태그가 피처드 카드로 표시된 주제를 확인해야 하는 그룹에게는 반드시 표시되어야 합니다.

3개의 좋아요

:woman_facepalming:
그렇게 하면 해결되었습니다.
tag 그룹을 편집한 후, 관리자만 알 수 있도록 해당 태그를 숨겼습니다. 감사합니다!!

1개의 좋아요

제안해 주셔서 감사합니다 @diabolicvin님! 다만 이 기능을 구현하지는 않을 것 같습니다. 그 이유는(크레딧에서 언급했듯이) 이 컴포넌트의 로직을 제가 프로그래밍하지 않았기 때문입니다. 제 취향으로는 이미 꽤 복잡한데, 제가 직접 건드리고 싶지 않습니다.

더 일반적으로, 철학적으로, 개념적으로 말하자면:nerd_face: 공식 콘텐츠가 사용자가 생성한 콘텐츠와 쉽게 구별되는 것이 더 좋은 UI 디자인이라고 생각합니다. 그 점에서 저는 이미 동적인 사용자 주제 목록 내에서 주제를 고정하는 것에 대해 선호하지 않습니다.

태그를 사용하지 않고 최신 게시글을 자동으로 표시할 수 있는 방법이 있나요? 태그를 사용해 게시글을 수동으로 추천 섹션에 올리고 싶지 않습니다.