카테고리 미리보기

tshenry · 6월 19, 2020, 1:12오전

이 컴포넌트를 사용하면 카테고리 페이지에 "카테고리 미리보기"를 추가하여, 실제 카테고리에 접근 권한이 없는 사용자에게 해당 카테고리가 존재한다는 사실을 보여줄 수 있습니다. 미리보기는 표준 카테고리와 유사한 형태로 보이지만, 사용자가 접근 권한을 얻는 방법에 대해 안내받을 수 있도록 지정된 페이지로 링크할 수 있습니다.

아래에 간단한 예시를 포함했지만, 이 컴포넌트를 구성하는 방법은 매우 다양합니다. 테마 설정에 포함된 모든 정보를 반드시 읽어 주시기 바랍니다.

테마 크리에이터 데모

이 데모가 작동하려면 Meta의 계정으로 로그인되어 있어야 합니다

https://theme-creator.discourse.org으로 이동하여, 아직 로그인하지 않은 경우 헤더의 버튼을 사용하여 로그인하세요.
다음 링크를 사용하여 이 컴포넌트의 미리보기를 활성화하세요: Theme Creator
카테고리 목록을 아래로 스크롤하여 “restricted category preview” 카테고리를 찾아 입력을 시도해 보세요:

image1322×208 12.9 KB
카테고리 접근을 위해 어떻게 진행해야 하는지에 대한 지침이 포함된 게시된 페이지로 이동하게 됩니다:

Screen Shot 2020-06-18 at 5.33.58 PM1680×726 77.9 KB

설정

테마 설정에서 이 컴포넌트가 어떻게 작동하는지 설명하는 데 최선을 다했습니다. 설정 과정이 가장 직관적이지 않을 수 있으므로, 질문을 자유롭게 해 주십시오. 명확성을 제공하기 위해 지침을 업데이트하겠습니다.

추가 참고 사항

많은 다양한 특수 사용 사례가 있을 것으로 예상됩니다. 이 컴포넌트가 모든 사례에서 작동하도록 보장할 수는 없지만, 피드백과 제안은 환영합니다 다음 사항들을 염두에 두시기 바랍니다:

현재 “Boxes with Featured Topics” 또는 “Subcategories with Featured Topics” 카테고리 페이지 스타일에서는 작동하지 않습니다. 요청이 충분히 많으면 지원 추가를 검토해 보겠습니다.
특정 카테고리 위에 표시되는 미리보기에는 above-$CATEGORY 클래스가 추가됩니다. 이를 사용하여 추가 스타일링을 적용할 수 있습니다.
카테고리 페이지에 표시되는 하위 카테고리(sub-categories)에서는 작동하지 않습니다.
스태프 사용자와 익명 사용자는 항상 카테고리 미리보기를 확인하게 됩니다.
테마 설정의 중요(IMPORTANT) 항목에 특히 주의하세요.


	레포지토리	github.com/tshenry/discourse-category-previews
	디스커스 테마를 처음 사용하시나요?	디스커스 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

Heather_Dudley · 6월 19, 2020, 2:04오전

오, 이거 좋다. 이번 주에 특별 관심 그룹을 막 도입했는데, 사람들이 어떻게 찾을 수 있을지에 대한 질문이 많았거든. 우리는 박스 카테고리 스타일을 사용하니까, 그걸 꼭 요청할 거야.

Td_skt · 7월 8, 2020, 2:22오후

스태프 사용자와 비로그인 사용자는 항상 카테고리 미리보기를 볼 수 있습니다.

즉, 포럼에 가입하지 않은 사람들도 카테고리 내부 내용을 볼 수 있다는 뜻인가요?

tshenry · 7월 8, 2020, 5:41오후

익명 사용자는 실제 제한 카테고리의 내용을 볼 수 없습니다. 이들은 카테고리 미리보기만 볼 수 있습니다. 스태프는 모든 내용을 볼 수 있고 접근할 수 있습니다. 가상의 카테고리 목록을 정리하면 다음과 같습니다:

스태프 사용자 (항상 둘 다 표시됨)

제한 카테고리
제한 카테고리 미리보기
공개 카테고리

익명 사용자 (미리보기만 항상 표시됨)

제한 카테고리 미리보기
공개 카테고리

제한 카테고리에 접근 권한이 있는 로그인 사용자 (미리보기가 필요 없으므로 표시되지 않음)

제한 카테고리
공개 카테고리

tomtjes · 7월 10, 2020, 1:58오전

이 기능이 익명 사용자에게 카테고리가 공개된 사이트와 로그인한 사용자만 접근할 수 있는 카테고리가 있는 사이트에서 모두 잘 작동한다는 것을 확인하기 위해 남깁니다. 미리보기를 이용해 가입을 유도할 수 있습니다.

category-slug~Category Title~Member access only~https://discourse.example.com/signup~trust_level_0

Td_skt · 7월 10, 2020, 6:53오후

죄송합니다. 완전 초보입니다.

하지만 1번은 괜찮아요. 복잡하지 않거든요.
2번의 링크를 클릭하면 이렇게 표시됩니다:

"테마 보기"로 들어가면 설치 버튼이 있어요:

그걸 클릭하고 싶지 않아요. 제 포럼 전체가 바뀌을까 봐 걱정됩니다.

부탁드립니다. 다시 한번 죄송합니다.

tshenry · 7월 10, 2020, 7:16오후

음, 제 환경에서는 동일한 동작을 확인하지 못했습니다. 방금 데모 단계를 따라 실행해 보았는데, 모든 것이 정상적으로 작동하는 것으로 보입니다:

정확히 말씀드리자면, 저희 테마 제작 사이트의 데모는 단순히 사용 사례를 보여주는 데모일 뿐입니다. OP 하단의 설치 단계를 따라 여러분 자신의 사이트에 직접 설치하셔야 합니다.

Td_skt · 7월 10, 2020, 7:21오후

아, 알겠어요. 감사합니다! ㅋㅋ

근데 결국 이걸 우리 사이트에 어떻게 설치하나요?

tshenry · 7월 10, 2020, 7:23오후

앞서 언급했듯이, 원본 게시물에 설치 안내가 있습니다:

이후 필요에 따라 테마 설정, 카테고리 제한, 그룹 설정을 구성해야 합니다.

Td_skt · 7월 10, 2020, 7:28오후

아 맞다, 깃허브 링크를 못 봤네요. 시간 내주셔서 정말 감사합니다

Td_skt · 7월 10, 2020, 8:38오후

자, 이제 어떻게 사용하는지 설명해 주시겠어요? 영어가 제 모국어가 아니라서 이해하기가 복잡합니다.

예를 들어 공개 카테고리를 제한된 카테고리로 변경하고 싶은데, 이게 가능한가요?

그럼 “Add item…” 대신 넣을 수 있는 예를 하나 보여줄 수 있을까요? 제가 이해한 게 맞는지 알려주세요.

category-slug : 제한된 카테고리로 만들고 싶은 카테고리의 이름
Preview name : 예: My restricted category
Preview Description : 예: “This a a restricted category”
URL : https://example.com/c/ category-slug /12
Group : 제한된 카테고리에 접근할 수 있는 그룹 이름입니다.

tshenry · 7월 10, 2020, 9:36오후

영어 실력이 정말 좋습니다 영어가 모국어인 사람조차 이 설정이 까다로운 경우가 많아요.

네, 아래 가이드를 따라 하시면 됩니다: Understanding groups and category permissions

거의 맞았어요!

도움이 된다면, 데모를 위해 제 테마 설정에 있는 내용을 공유해 드릴게요:

junk~restricted category preview~This category is only available to members of the "joinable-group" user group. Select for more information.~https://theme-creator.discourse.org/pub/logged-in-user-access~joinable_group

그리고 테마 설정 설명과 어떻게 대응되는지 아래 표를 참고하세요:

테마 설정 부분	값
category-slug	`junk`
Preview Name	`restricted category preview`
Preview Description	`This category is only available to members of the "joinable-group" user group. Select for more information.`
`https://example.com`	`https://theme-creator.discourse.org/pub/logged-in-user-access`
group	`joinable_group`

그리고 각 부분이 어떻게 연결되는지 보여주는 다이어그램입니다:

이미지에서 " restricted"는 joinable_group 사용자 그룹(기본적으로 스태프 포함)만 접근할 수 있는 실제 카테고리입니다.

Td_skt · 7월 11, 2020, 10:28오전

시간 내줘서 고마워, 형. 아, 이렇게 하면 훨씬 명확하네. 그리고 사실 처음엔 잘 안 보였어 ^^

자, 그렇게 해보자! 또 한번 고마워

Td_skt · 7월 16, 2020, 10:41오전

안녕하세요, 또 왔어요 ^^

설정을 여기에 넣었습니다:

몇 가지 질문이 있습니다:

빌드 URL은 어떻게 작성하나요?
“카테고리 미리보기” 근처에 설정을 작성한 후 확인을 누르면, 그러면 끝인가요?
그렇게 했는데도 비공개 카테고리를 볼 수 없습니다. 수동으로 생성해야 하나요, 아니면 필요 없나요?

감사합니다. 또 죄송하지만, 제게는 너무 어렵네요.

tshenry · 7월 16, 2020, 5:14오후

안녕하세요

어떤 URL을 말씀하시나요? 스크린샷에서 category previews 테마 설정의 전체 값을 공유해 주실 수 있나요? 해당 설정에 입력한 내용을 바탕으로 제안을 드릴 수 있을 것 같습니다.
category previews 설정을 변경한 후 텍스트 필드 밖을 클릭하면 두 개의 버튼이 나타납니다. 변경 사항을 저장하려면 녹색 버튼을 사용하세요. 변경 사항을 저장한 후에는 효과를 확인하기 위해 열려 있는 브라우저 탭/창을 새로고침해야 합니다.

image1538×436 43.1 KB
Groupe privee가 이미 생성된 카테고리라고 가정할 때, 해당 카테고리의 슬러그(slug)를 찾아서 사용해야 합니다. 아마도 group-privee와 같은 형태일 것입니다. Groupe privee 카테고리로 이동하여 브라우저의 주소 표시줄을 확인하면 이를 검증할 수 있습니다. 예를 들어, 여기 Mete의 Customization > Theme 카테고리에서는 theme를 슬러그로 사용합니다:

Td_skt · 7월 16, 2020, 7:48오후

답변해 주셔서 감사합니다.

그럼 카테고리 미리보기는 다음과 같습니다: Groupe privee~Parlons societe offshore~Cette catégorie est seulement disponible aux utilisateurs ayant rejoint le groupe.~https://forum.objectifhijra.com/pub/logged-in-user-access~groupe_joignable

제 이해가 맞다면, 카테고리를 먼저 만들어야 하는 건가요? 기존 카테고리를 사용해 보았지만 같은 문제가 발생해서 아무 일도 일어나지 않았습니다.

네, 카테고리 미리보기의 URL에 대해 말씀드린 것입니다. 이 URL은 어떻게 구성하나요? 아니면 카테고리를 먼저 만들어야 한다면, Discourse가 생성한 URL을 가져오면 되는 건가요?

tshenry · 7월 16, 2020, 8:24오후

몇 가지 처리해야 할 사항이 있습니다:

포럼에서 박스형 카테고리(boxed categories)를 사용하고 있으므로, 해당 기능은 작동하지 않습니다. 원본 게시물에서:

tshenory:

현재 박스형 카테고리 스타일에서는 작동하지 않습니다.
설정의 첫 번째 부분(Group privee)은 기존 공개 카테고리의 슬러그(slug)여야 합니다. 미리보기는 이 카테고리의 위쪽에 표시됩니다. 미리보기를 시도하려는 카테고리의 이름이 되어서는 안 됩니다.
사용하고 있는 URL(https://forum.objectifhijra.com/pub/logged-in-user-access)은 실제 게시된 페이지가 아닌 것 같습니다. Page Publishing 에 있는 지침을 따라 게시된 페이지를 생성한 후, 해당 페이지의 생성된 링크를 사용해야 합니다.
실제로 groupe_joignable이라는 이름의 그룹이 있는지 확인하세요.

불행히도 제가 더 이상 얼마나 도움을 드릴 수 있을지 확신할 수 없습니다. 혼자 설명하기가 꽤 어렵고, 언어 장벽이 도움이 되지 않는 것 같습니다. Marketplace 카테고리에 게시물을 올려서 사이트에 로그인하여 직접 도움을 줄 수 있는 사람을 고용해 보시는 것을 추천합니다.

Td_skt · 7월 16, 2020, 8:33오후

괜찮아, 친구. 전부 이해했어! 고마워.

박스형 카테고리 스타일로 작동하지 않아서 너무 속상해

어떻게 하면 될까…

어쨌든, 정말 고마워. 다른 사람들에게도 도움이 될 거라고 확신해.

downey · 3월 10, 2021, 10:24오후

이 테마 컴포넌트에 대해 방금 알게 되었고, 그동안 사용해 왔던 몇 가지 우회 해결책을 간소화할 수 있을 것 같아 기대가 큽니다. 동작 방식을 제가 제대로 이해하지 못해서인지, 아니면 아직 구현되지 않은 것인지 판단이 서지 않는 몇 가지 질문이 있습니다:

비로그인(익명) 사용자는 /categories 목록에서 카테고리 미리보기 항목을 볼 수 있어야 합니까? 사용 가능한 항목을 보여줌으로써 계정을 생성하도록 유도하길 바랐지만, 지금까지의 테스트에서는 이를 구현하지 못했습니다.
관리자가 해당 카테고리를 보지 않아야 하는 지정된 그룹에 속해 있더라도 카테고리 미리보기를 볼 수 있습니까? 문자열에 지정된 group-x에 속해 있음에도 불구하고, 실제 제한된 카테고리 위에 미리보기가 여전히 표시됩니다.

tshenry · 3월 10, 2021, 10:41오후

그렇습니다. 이 컴포넌트가 반드시 커버해야 하는 가장 중요한 시나리오 중 하나입니다! 미리보기가 표시되어야 하는 카테고리의 슬러그(slug)를 사용하고 있는지 확인해 주시겠어요? 도움이 된다면, 이 게시물이 원 게시물(OP)보다 설정 사항에 대해 좀 더 자세히 설명하고 있습니다.

네, 스태프(모드/관리자)가 항상 미리보기를 볼 수 있도록 하여 그 존재와 위치를 항상 인지할 수 있도록 하려고 했습니다. 컴포넌트를 테스트할 때는 테스트 사용자 계정을 사용하는 것이 좋습니다.

글		댓글	조회수
Enabling category previews for restricted paid access categories Feature	12	1809	2월 3, 2022
Discourse Category Headers theme component Theme component	191	19572	3월 7, 2026
Show hidden categories Theme component	7	196	4월 22, 2026
Discourse Category Lockdown Plugin pavilion	115	15236	6월 17, 2026
Showcased Categories Theme component official , showcased-categories	70	11207	4월 8, 2025

카테고리 미리보기

테마 크리에이터 데모

설정

추가 참고 사항

Related topics