# 카테고리 미리보기

**URL:** https://meta.discourse.org/t/category-previews/155296
**Category:** Theme component
**Created:** [6월 19, 2020, 1:12오전 UTC](https://meta.discourse.org/t/category-previews/155296 "2020-06-19T01:12:48Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [3월 10, 2021, 10:56오후 UTC](https://meta.discourse.org/t/category-previews/155296/22 "2021-03-10T22:56:03Z")

</div>

팁들을 공유해 주셔서 감사합니다.

두 번째 예시를 시도해 보았습니다:

> `internal~Join Group X!~Come join our formerly top secret group.~https://example.com/~group-x`

… 그런 다음 익명 세션과, 관리자 권한이 없고 group-x에 속하지 않은 사용자 계정으로 위장하여 각각 확인해 보았습니다. 안타깝게도 이 두 번째 확인용 예시를 포함한 어떤 미리보기도 표시되지 않았습니다. 제 관리자 계정으로 확인했을 때는 예상대로 “internal” 슬러그 카테고리 바로 위에 올바른 링크 대상 등 모든 것이 정상적으로 표시되었습니다.

우리는 카테고리 표시와 관련하여 약간 비정상적인 부분이 있는 것들이 있으므로, 이것이 그와 관련이 있을 가능성이 있습니다. 아니면 다른 분들도 비슷한 유형의 예상 밖 동작을 발견하게 될 때까지는 알 수 없겠지요. 🙂

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [3월 10, 2021, 11:09오후 UTC](https://meta.discourse.org/t/category-previews/155296/23 "2021-03-10T23:09:09Z")

</div>

관리자에게는 표시되는데, 이걸 봐야 하는 다른 사용자들에게는 표시되지 않는다는 점이 좀 이상합니다. 확인 차 말씀드리면, `internal` 카테고리는 일반 방문자(비로그인)와 x 그룹에 속하지 않은 사용자에게도 표시되나요?

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [3월 10, 2021, 11:24오후 UTC](https://meta.discourse.org/t/category-previews/155296/24 "2021-03-10T23:24:41Z")

</div>

그 힌트 감사합니다! 문자열의 첫 번째 필드의 용도를 오해하고 있었습니다. 그룹 가입과 연관된 "멤버 전용 카테고리"를 사용했었거든요.

첫 번째 필드를 기존에 존재하는 공개적이고 누구나 열람 가능한 카테고리로 변경하자, 모든 것이 예상대로 작동하기 시작했습니다. 🎉

> `news~Join Group X!~Come join our formerly top secret group.~/pub/membershipinfo~group-x`

요약 (제 뇌가 어떻게 이해했는지에 대해) - 첫 번째 필드는 “미리보기” 광고가 카테고리 목록 어디에 표시되길 원하는지 지정하는 곳이라는 점을 이해해야 했습니다. (이 경우, 공개된 “news” 카테고리 바로 위입니다.)

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [2월 5, 2022, 7:44오후 UTC](https://meta.discourse.org/t/category-previews/155296/25 "2022-02-05T19:44:03Z")

</div>

> [@downey](#):
>
> TLDR(제 머리가 해석한 방식) - 첫 번째 필드는 카테고리 목록에서 “미리보기” 광고가 표시될 위치를 지정하는 곳이라는 점을 이해해야 했습니다. (이 경우, 공개된 “뉴스” 카테고리 바로 위입니다.)

이 부분을 말씀해 주셔서 정말 감사드립니다. 설정에 있는 카테고리 슬러그는 기존에 존재하는 비공개 카테고리를 카테고리 메뉴로 가져오기 위한 용도라고 생각했습니다. 대신, 이 테마 구성 요소는 기본적으로 카테고리 목록의 특정 카테고리 위에 사용자 정의 링크를 넣을 수 있게 해 주는 것임을 깨달았습니다. 그리고 그 링크는 기존 카테고리와 관련이 없을 수도 있습니다. 예를 들어, `welcome~Google 방문!~이것은 카테고리 목록의 사용자 정의 링크일 뿐입니다~https://www.google.com`을 넣었더니 작동했습니다.

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/d/7d9a9363c050730cc4cdc6fc3ab54d6588caced2.png)

“Category Previews”라는 이름 때문에 혼란을 겪었고, 어떻게 작동하는지 파악하지 못했던 것 같습니다. 이 점을 지적해 주셔서 감사합니다.

또한, 이것이 카테고리 목록 보기에서만 표시되고, 카테고리 드롭다운 메뉴나 검색 결과에는 표시되지 않는 것 같다는 점도 알아차렸습니다.

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [2월 9, 2022, 8:04오전 UTC](https://meta.discourse.org/t/category-previews/155296/26 "2022-02-09T08:04:52Z")

</div>

@tshenry 이 카테고리를 박스 스타일로 비공개로 설정하는 방법을 찾을 수 있을까요?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2월 11, 2022, 5:11오전 UTC](https://meta.discourse.org/t/category-previews/155296/27 "2022-02-11T05:11:43Z")

</div>

운 좋게도 방금 “하위 카테고리가 있는 박스” 데스크톱 카테고리 페이지 스타일에 대한 지원을 추가했습니다 🙂

> <https://github.com/tshenry/discourse-category-previews/commit/6dcdb39f196237f981ecf73af4903c0d9e4da2e6>

“추천 주제와 박스” 스타일은 아직 지원하지 않습니다.

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2월 14, 2022, 9:24오후 UTC](https://meta.discourse.org/t/category-previews/155296/28 "2022-02-14T21:24:35Z")

</div>

게시글이 새로운 주제로 분리되었습니다: [박스형 카테고리 목록 위에 섹션 추가하기](https://meta.discourse.org/t/adding-a-section-above-the-boxed-categories-list/218181)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 23, 2022, 12:23오후 UTC](https://meta.discourse.org/t/category-previews/155296/29 "2022-12-23T12:23:54Z")

</div>

@tshenry 직원들에게 이걸 숨기는 방법이 있을까요?

진짜 카테고리와 가짜 카테고리가 함께 보이면 정말 혼란스럽고, 계속 잘못 클릭하게 돼요 🤦‍♂️

 ![Screenshot 2022-12-23 at 12.23.21](https://global.discourse-cdn.com/meta/original/4X/b/7/7/b77eeddb5d51629edd5b9ea6dbbf38982a9f6b6e.png)

CSS로 숨기는 트릭이라도 있으면 좋겠어요 😊

---

<div class="post-metadata">

### Author: ![oca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oca/32/156060_2.png) [@oca](https://meta.discourse.org/u/oca)
#### Post date: [1월 26, 2023, 8:54오전 UTC](https://meta.discourse.org/t/category-previews/155296/30 "2023-01-26T08:54:36Z")

</div>

이 가짜 카테고리 라벨 바로 아래에 있는 카테고리의 `slug`임을 이해했습니다. 그렇다면 아래에 도달할 수 있는 카테고리가 하나 있어야 합니다.

이 가짜 라벨을 목록의 맨 아래에 배치하는 방법이 있을까요? 모든 것의 완전히 아래에 배치할 수 있도록 `at-last` 같은 특수한 `slug`가 있을까요?

수정: 해킹(hack) 방법을 찾았습니다.  
누구도 작성 권한이 없지만 모든 사람이 읽기 권한을 가진 더미 카테고리를 추가했습니다. 이 카테고리를 CSS `display="none"`으로 숨기고, 마지막에 나타나도록 했습니다. 전혀 만족스럽지는 않지만… 아주 잘 작동합니다.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2월 15, 2023, 5:16오후 UTC](https://meta.discourse.org/t/category-previews/155296/31 "2023-02-15T17:16:27Z")

</div>

훌륭한 컴포넌트인데, 실제 카테고리를 숨기지 않는 문제로 좀 애를 먹고 있습니다. 일반 계정과 익명 계정으로 모두 시도해 봤습니다. 아래는 제가 확인한 화면과 설정입니다. 제가 무언가를 잘못하고 있는 건지, 아니면 버그인 건가요?

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/8/2/d82dc7d11cb45375697d494ee4bdb9317ebd00a2.jpeg)

카테고리 URL: `https://community.naturephotographers.network/c/beginners/147`

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/d/2/bd2999ee6485678a974d9674db91abf46430f14b.jpeg)

카테고리 미리보기 항목:

```plaintext
beginners~Beginners Feedback~A place for beginner photographers to share their images and get feedback in a comfortable atmosphere with other beginners. Experienced members of NPN will give feedback to help guide beginners in their photographic journey.~/g/Beginners~Beginners,Beginner_Support

```

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2월 18, 2023, 10:39오전 UTC](https://meta.discourse.org/t/category-previews/155296/32 "2023-02-18T10:39:13Z")

</div>

> [@oca](#):
>
> 쓰기 권한이 없고 읽기 권한만 있는 더미 카테고리를 추가했습니다. 이 카테고리는 CSS `display="none"`를 사용하여 숨겼습니다.

@oca 님, 이 CSS를 어디에 추가하신 건가요?

수정: 여기서 찾아서 ID를 맞게 변경했습니다: [How to Hide the Staff Category with css? - #3 by Tim\_Jefferies](https://meta.discourse.org/t/how-to-hide-the-staff-category-with-css/142842/3?u=richie)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2월 19, 2023, 6:01오후 UTC](https://meta.discourse.org/t/category-previews/155296/33 "2023-02-19T18:01:30Z")

</div>

> [@tshenry](#):
>
> 피드백과 제안을 환영합니다

이 테마는 안타깝게도 가시성이 "그룹 소유자"로 설정된 그룹과 함께 작동하지 않습니다.

@tshenry 님, 수정하거나 추가할 수 있을까요? 🤔

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2월 19, 2023, 8:03오후 UTC](https://meta.discourse.org/t/category-previews/155296/34 "2023-02-19T20:03:24Z")

</div>

사용자가 **볼 수 있는** 카테고리를 입력하여 표시하도록 설정합니다. 설명이 약간 혼란스럽습니다(여러 번 읽어야 했습니다). 당신의 경우에는 작동할 것이라고 생각합니다. (설정 필드 설명에 있는 "중요"라는 단어에 주목하세요)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2월 19, 2023, 8:22오후 UTC](https://meta.discourse.org/t/category-previews/155296/35 "2023-02-19T20:22:20Z")

</div>

아니, 두 개의 “중요한” 메시지 중 두 번째는 이렇게 말합니다.

> - **중요:** 선택된 그룹은 “이 그룹을 볼 수 있는 사람?” 가시성 설정이 “그룹 소유자, 멤버” 또는 더 제한적이지 않은 값으로 설정되어 있어야 합니다.

부연 설명으로, "그룹 소유자, 멤버"는 실제로 "그룹 소유자, 멤버 및 관리자"라고 표기되어야 한다고 생각합니다.

😕

그룹이 "그룹 소유자"로 설정되어 있을 때 테마가 작동하도록 수정할 수 있는지 궁금합니다.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2월 19, 2023, 11:10오후 UTC](https://meta.discourse.org/t/category-previews/155296/36 "2023-02-19T23:10:00Z")

</div>

메시지를 첨부하는 카테고리가 사람들이 볼 수 있도록 허용해야 합니다. 광고하려는 카테고리는 그렇지 않습니다. 적어도 제가 이해한 바로는 그렇습니다.

---

<div class="post-metadata">

### Author: ![littleviolette](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@littleviolette](https://meta.discourse.org/u/littleviolette)
#### Post date: [5월 24, 2023, 8:18오전 UTC](https://meta.discourse.org/t/category-previews/155296/37 "2023-05-24T08:18:32Z")

</div>

안녕하세요 @tshenry,

지시하신 대로 여러 그룹의 여러 사용자에게 테스트해 보았습니다. 관리자 외에는 어떤 사용자도 카테고리 미리보기를 볼 수 없습니다. 제가 무엇을 잘못한 걸까요?

`private-lounge~Private Lounge Preview~Private lounge reserved for our experts and contributors.~https://example.com~group_a,group_b,group_c`

그룹 A, B, C는 모두 모든 사람이 볼 수 있습니다.

도움 주셔서 감사합니다!

---

<div class="post-metadata">

### Author: ![tgrosinger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgrosinger/32/363506_2.png) [@tgrosinger](https://meta.discourse.org/u/tgrosinger)
#### Post date: [2월 18, 2024, 12:53오전 UTC](https://meta.discourse.org/t/category-previews/155296/38 "2024-02-18T00:53:08Z")

</div>

이 기능이 "Boxes with Subcategories"와 호환되는 것 같습니다. 제 설치 환경에서는 해당 기능이 정상적으로 작동하지만, [air theme](https://meta.discourse.org/t/discourse-air-theme/197703)를 활성화하는 순간 카테고리 미리보기가 사라집니다. 이 테마와 함께 작동하게 하는 방법이 있을까요? 감사합니다!

디버깅을 시작해 보았는데, [이 블록](https://github.com/tshenry/discourse-category-previews/blob/6dcdb39f196237f981ecf73af4903c0d9e4da2e6/javascripts/discourse-category-previews/components/category-preview.js#L26-L32)에 진입하여 렌더링할 previewData를 추가해야 하는데, 페이지의 출력 HTML에도 전혀 표시되지 않습니다.

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [3월 2, 2024, 4:32오후 UTC](https://meta.discourse.org/t/category-previews/155296/40 "2024-03-02T16:32:30Z")

</div>

제가 필요한 것에 딱 맞는 것 같습니다: 카테고리를 입력하려는 사용자에게 큰 경고 메시지를 표시하는 거죠.

하지만 \_하위 카테고리\_에는 잘 작동하지 않는 것 같습니다. 다음 패턴들을 시도해 보았습니다:

- `sub-category`
- `parent-sub-category`
- `parent:sub-category`
- `parent/sub-category`

어떤 것도 작동하지 않았습니다. `parent`는 잘 작동합니다(다만 _거기서_ 카테고리 미리보기가 필요하지 않은 점 제외하고는요).

작동하는 패턴이 있는지, 혹은 이 기능이 지원될 수 있는지 아시나요?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [8월 17, 2024, 7:31오후 UTC](https://meta.discourse.org/t/category-previews/155296/41 "2024-08-17T19:31:37Z")

</div>

> [@tshenry](#):
>
> 카테고리 목록을 아래로 스크롤하여 “제한된 카테고리 미리보기” 카테고리를 찾은 후 진입을 시도해 보세요:
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/6/1/61a2a143216f2a8010b6430b97b11354c88ed774.png)

현재 박스형 카테고리 스타일과 호환되지 않기 때문에 미리보기가 깨져 있다고 생각합니다.

> [@tshenry](#):
>
> Currently this will not work with the boxed categories styles.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [8월 18, 2024, 4:14오전 UTC](https://meta.discourse.org/t/category-previews/155296/43 "2024-08-18T04:14:12Z")

</div>

박스 밖 카테고리 스타일을 선택하려면 이 #customization:theme-component가 필요합니다. 이 기능은 이전에 코어에 통합되어 있었으나, 이제 테마 컴포넌트로 이동되었습니다.

> [@Category Badge Styles](https://meta.discourse.org/t/category-badge-styles/285320?u=heliosurge):
>
> discourse2요약 Category Badge Styles은 비활성화된 category\_style 관리자 설정의 기능을 대체합니다eyeglasses미리보기 [Discourse Theme Creator에서 미리보기](https://discourse.theme-creator.io/theme/Discourse/category-badge-style-box) (박스) [Discourse Theme Creator에서 미리보기](https://discourse.theme-creator.io/theme/Discourse/category-badge-style-bar) (바)hammer_and_wrench리포지토리 [https://github.com/discourse/discourse-category-badge-styles](https://github.com/discourse/discourse-category-badge-styles)question설치 가이드 [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) 이 테마 컴포넌트 설치 기능 category\_style 관리자 설정에 대한 변경 사항으로 인해, 카테고리 배지 스타일을 박스, 바 또는 없음으로 설정하는 기능이 이 테마 컴포넌트로 이동되었습니다. 해당 변경 사항에 대해 자세히 알아보려면 여기를 참조하세요: 예시

[이전 페이지](https://meta.discourse.org/t/category-previews/155296.md?page=1)

[다음 페이지](https://meta.discourse.org/t/category-previews/155296.md?page=3)
