# 주제 목록 미리보기 (TLP)

**URL:** https://meta.discourse.org/t/topic-list-previews-tlp/209973
**Category:** Theme component
**Created:** [11월 23, 2021, 12:25오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")
**Posts on this page:** 20
**Page:** 7

<div class="post-metadata">

### Author: ![Alienazk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alienazk/32/261130_2.png) [@Alienazk](https://meta.discourse.org/u/Alienazk)
#### Post date: [5월 22, 2022, 2:11오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/122 "2022-05-22T14:11:33Z")

</div>

수고하셨습니다! PC에서는 잘 작동합니다. 모바일 기기(스마트폰)에서는 섬네일이 전체 너비로 표시되지 않도록 할 수 있을까요? Pinterest처럼요.

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

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 22, 2022, 2:14오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/123 "2022-05-22T14:14:10Z")

</div>

css를 실험해 볼 수 있습니다. 다만, 그렇게 하면 각 열이 너무 좁아져 모든 요소를 왜곡 없이 담기 어려울 것 같습니다.

---

<div class="post-metadata">

### Author: ![Alienazk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alienazk/32/261130_2.png) [@Alienazk](https://meta.discourse.org/u/Alienazk)
#### Post date: [5월 22, 2022, 2:17오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/124 "2022-05-22T14:17:46Z")

</div>

감사합니다, 한번 시도해 보겠습니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 23, 2022, 4:08오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/125 "2022-05-23T16:08:55Z")

</div>

PR이 병합되었습니다:

> <https://github.com/merefield/discourse-tc-topic-list-previews/pull/17>

@Canapin @raghukamath

나중에 시간을 내어 나머지 이슈들을 처리할 계획이지만, 항상 그렇듯 PR을 환영합니다!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [5월 23, 2022, 4:24오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/126 "2022-05-23T16:24:05Z")

</div>

정말 멋진데요. 플러그인과 테마 코드를 몇 시간 동안 들여다보며 이해하려고 노력했어요.  
어떤 이유에선지 제 로컬 개발용 Discourse 설치가 더 이상 작동하지 않아서, 이 코드를 계속 연구하려면 처음부터 전부 다시 설치해야 하는 상황이에요… 😅

* * *

로버트, 정말 훌륭한 작업을 해주셔서 감사합니다. 개발하고 유지보수하는 데 많은 시간이 걸리실 텐데, 그 결과물은 최고 수준이에요 👍 👏

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 24, 2022, 5:34오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/127 "2022-05-24T05:34:56Z")

</div>

확인 차원에서 말씀드리자면, 여기에서 논의된 [Topic List Thumbnails - #249 by david](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602/249?u=merefield) 원격 이미지 썸네일이 훨씬 적은 지연으로 생성되도록 하는 핵심 개선 사항이 주제 목록 미리보기(Topic List Previews)에서도 작동합니다 🚀

개인적으로 이는 게임 체인저라고 생각하며, 썸네일 사용이 더욱 대중화될 것입니다.

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [5월 26, 2022, 8:06오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/128 "2022-05-26T08:06:19Z")

</div>

> [@merefield](#):
>
> 조금 더 기다려도 소식이 없다면 어쨌든 병합(merge)할 예정이지만, 테스트를 해보고 피드백을 남길 수 있는 기회이니 꼭 확인해 주세요.

죄송합니다. 여행과 휴가를 다녀오느라 제때 확인하거나 답장 드리지 못했습니다. 병합해 주셔서 감사합니다. 업무에 복귀하면 바로 확인하겠습니다.

감사합니다 👍🏼

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 8, 2022, 10:19오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/129 "2022-06-08T10:19:09Z")

</div>

변경 사항 진행은 어떻게 되셨나요?

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [6월 8, 2022, 10:31오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/130 "2022-06-08T10:31:04Z")

</div>

문제가 없는 것 같고, 변경 사항도 잘 작동하고 있습니다. 정말 감사합니다 👍🏼

---

<div class="post-metadata">

### Author: ![Stephane\_Roy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephane_roy/32/222598_2.png) [@Stephane\_Roy](https://meta.discourse.org/u/Stephane_Roy)
#### Post date: [6월 13, 2022, 9:16오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/131 "2022-06-13T21:16:36Z")

</div>

안녕하세요

이 테마를 정말 잘 만들었습니다. 시각적으로도 훌륭합니다!

하지만 한 카테고리에서만 그래픽 버그가 발생하고 있습니다.

버그가 발생하는 곳: [Vie de la Fédé/asso. - Forums FFJdR](https://forums.ffjdr.org/c/ffjdr/6/none)

버그가 없는 곳: [https://forums.ffjdr.org/c/ffjdr/nos-services/45](https://forums.ffjdr.org/c/ffjdr/nos-services/45)

원인과 해결책을 알고 계신가요?

수고해 주셔서 감사합니다.

스태판 드림.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 14, 2022, 6:10오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/132 "2022-06-14T06:10:09Z")

</div>

저에게는 두 링크 모두에서 모바일과 데스크톱 뷰 모두 정상적으로 렌더링되는 것 같은데요. 문제가 무엇인가요? 자바스크립트 콘솔에서 오류가 표시되나요?

---

<div class="post-metadata">

### Author: ![Stephane\_Roy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephane_roy/32/222598_2.png) [@Stephane\_Roy](https://meta.discourse.org/u/Stephane_Roy)
#### Post date: [6월 14, 2022, 9:27오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/133 "2022-06-14T09:27:18Z")

</div>

그래픽 버그는 데스크톱 뷰에서만 발생합니다.  
Chrome, Edge, Firefox (서로 다른 PC 2대에서 확인)

이미지와 사용자 아이콘이 밀리거나 넘치는 현상이 있습니다.

이미지가 너무 큰 것 같습니다.  
최대 해상도가 있을까요?

하지만 이 카테고리에서만 그런 것 같습니다…

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/a/e/caeaaebc922302b6964975eb49498b5c60f1446f.jpeg)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 14, 2022, 9:32오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/134 "2022-06-14T09:32:59Z")

</div>

음 … 카테고리 제목이 너무 길어서 할당된 공간을 초과하는 건 아닌지 궁금합니다. … 카테고리 이름을 좀 더 짧게 줄여 보시면 문제가 해결될까요?

카테고리 제목을 줄바꿈하도록 처리할 수는 있습니다(PR 수락 가능), 하지만 그게 존재할 수 있는 가장 빠른 해결책일 뿐입니다 …

CSS를 직접 디버깅해서 원인을 파악해 보시고 결과를 알려주시면 됩니다.

업데이트: 네, 코어의 이 CSS 때문입니다. 브라우저에서 이 CSS를 비활성화하면 모든 것이 정상적으로 표시됩니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/2/d/c2d5fa2db048e5f0163a5a4244830c4638b0088b.png)

그러므로, 빠른 해결을 위해 카테고리 이름을 약간 줄이거나 커스텀 CSS로 이 설정을 해제하는 것을 제안합니다.

정말 카테고리 이름을 줄바꿈하도록 하고 싶으신가요?

---

<div class="post-metadata">

### Author: ![keith1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keith1/32/178982_2.png) [@keith1](https://meta.discourse.org/u/keith1)
#### Post date: [6월 15, 2022, 9:27오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/135 "2022-06-15T21:27:31Z")

</div>

유튜브 썸네일이 토픽 미리보기까지 제대로 표시되는 데 성공한 분이 계신가요?

예를 들어, 이 게시글([Particle Portal - Real Time VFX](https://realtimevfx.com/t/particle-portal/20232))을 보시면

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/5/1/c518044e1cf868f987609e0e73db01878cee0eed.png)

유튜브 썸네일이 가져와져 토픽 본문에서는 정상적으로 표시되지만, 토픽 썸네일(Thumbnail)에는 반영되지 않는 것을 확인할 수 있습니다. 썸네일 선택기(Thumbnail Picker)가 작동하거나 도움이 될지 확인하기 위해 잠시 후 사이드카(sidebar) 플러그인을 설치해 보겠습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/6/8/c687f3c77349477f722350a9af533ee2eca5b71b.png)

수정 - 만약 Vimeo가 지원된 적이 있었다면, Vimeo에서도 동일한 문제가 발생합니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 15, 2022, 9:58오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/136 "2022-06-15T21:58:52Z")

</div>

최신 버전에서 YouTube 영상 관련 문제는 없습니다.

제 사이트의 스태프 게시물에서 링크를 직접 테스트해 보았습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/6/f/d6f7d3c24b7bdc2a3365ef1a9e247c909c8fe986.png)

다만 사이드카가 실행 중입니다 …

---

<div class="post-metadata">

### Author: ![keith1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keith1/32/178982_2.png) [@keith1](https://meta.discourse.org/u/keith1)
#### Post date: [6월 15, 2022, 9:59오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/137 "2022-06-15T21:59:46Z")

</div>

좋아요, Sidecar가 제 문제를 해결해 주는지 확인해서 알려드릴게요. 감사합니다!

---

<div class="post-metadata">

### Author: ![keith1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keith1/32/178982_2.png) [@keith1](https://meta.discourse.org/u/keith1)
#### Post date: [6월 15, 2022, 10:00오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/138 "2022-06-15T22:00:16Z")

</div>

관련 없는 **기능 요청**

태그된 항목이 한도에 도달하지 못할 경우, 월간 “top” 카테고리의 주제들로 추천 타일을 채우는 것이 가능할까요? 우리는 커스텀 스크립트를 이렇게 설정해 두었으며, 태그된 게시물이 1~2개뿐인 경우에도 추천 콘텐츠가 항상 최신 상태를 유지할 수 있도록 하고 있습니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 15, 2022, 10:01오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/139 "2022-06-15T22:01:59Z")

</div>

그건 좀 '맞춤형’인 것 같네요? 자동 태그 스크립트에 그 기능을 통합해 주시면 좋겠습니다.

이 컴포넌트는 이미 매우 복잡하므로, 동작은 태그된 세트를 가져오는 것으로만 제한하고 싶습니다.

---

<div class="post-metadata">

### Author: ![keith1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keith1/32/178982_2.png) [@keith1](https://meta.discourse.org/u/keith1)
#### Post date: [6월 15, 2022, 11:13오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/140 "2022-06-15T23:13:56Z")

</div>

한 가지 더 여쭤볼 것이 있습니다. ‘토픽에 미리보기 이미지가 없을 때 기본 섬네일 사용’ 옵션을 몇 분 동안 켜다가 다시 끄었는데:  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/4X/8/3/8/838a1be9aee53759d47b5bb0850075bcd0234fae.png)

그런데 새로운 토픽을 포함한 모든 토픽이 기본 섬네일을 사용하고 있습니다. 이를 초기화하기 위해 추가로 해야 할 일이 있을까요?

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/1/c712d454efab5a9d961dd56be8928fe7921df27f.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [6월 16, 2022, 6:49오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/141 "2022-06-16T06:49:18Z")

</div>

브라우저를 새로고침하세요? 테마 설정 변경은 새로고침 후에만 적용됩니다.

[이전 페이지](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=6)

[다음 페이지](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=8)
