# 주제 목록 미리보기 (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:** 24

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [9월 7, 2024, 2:24오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/469 "2024-09-07T02:24:55Z")

</div>

참고로, TLPs는 [Angus' Events Plugin 📅](https://meta.discourse.org/t/events-plugin/69776) 에서 동일한 기능에도 간섭을 일으키고 있습니다.

---

<div class="post-metadata">

### Author: ![Jeroen\_Custers](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jeroen_custers/32/447439_2.png) [@Jeroen\_Custers](https://meta.discourse.org/u/Jeroen_Custers)
#### Post date: [9월 8, 2024, 1:46오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/470 "2024-09-08T13:46:44Z")

</div>

안녕하세요, 플러그인 정말 마음에 들어요! 질문이 하나 있습니다. 서로 다른 레이아웃 두 가지를 사용할 수 있을까요? 대부분의 카테고리에서는 '**Pinterest (Masonry) 스타일, 즉 ‘타일’**'을 사용하고 있으며, 특정 카테고리에서는 **대표 이미지** 스타일을 사용하고 싶습니다. 특정 카테고리에 대한 설정을 찾을 수 없네요. 미리 도움 주셔서 감사합니다.

---

<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: [9월 8, 2024, 2:07오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/471 "2024-09-08T14:07:58Z")

</div>

관심 가져주셔서 감사합니다.

주요 이미지는 카테고리별로 선택할 수 없습니다. 각 카테고리별로 활성화하거나 비활성화하는 방식입니다.

---

<div class="post-metadata">

### Author: ![Jeroen\_Custers](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jeroen_custers/32/447439_2.png) [@Jeroen\_Custers](https://meta.discourse.org/u/Jeroen_Custers)
#### Post date: [9월 8, 2024, 2:11오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/472 "2024-09-08T14:11:49Z")

</div>

로버트님, 답변 감사합니다. Featured Images(대표 이미지)가 카테고리 레이아웃인 줄 알았는데, 각 카테고리 상단에 표시되는 것임을 확인했습니다. 태그 필터 없이 모든 게시글과 댓글에 대표 이미지를 표시할 수 있을까요? 페이스북 그룹의 미디어 탭과 유사한 방식이요.

---

<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: [9월 8, 2024, 2:16오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/473 "2024-09-08T14:16:00Z")

</div>

아마도 말씀하시는 내용을 시뮬레이션으로 만들어 보셔야 할 것 같습니다. 질문의 의도를 잘 이해하지 못하겠습니다.

어쨌든, 전문적인 도움이 필요하시면 저를 고용하시거나 #Marketplace 채널에 광고를 올려보실 수 있습니다.

---

<div class="post-metadata">

### Author: ![Jeroen\_Custers](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jeroen_custers/32/447439_2.png) [@Jeroen\_Custers](https://meta.discourse.org/u/Jeroen_Custers)
#### Post date: [9월 8, 2024, 2:35오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/474 "2024-09-08T14:35:41Z")

</div>

이것은 Facebook 그룹의 스크린샷입니다. 게시물과 답글의 최신 이미지들을 자동으로 표시합니다

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/b/e/0be76fe04fb1c46e17b3efdb03fb883109694348.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: [9월 8, 2024, 3:09오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/475 "2024-09-08T15:09:33Z")

</div>

대표 이미지(Featured Images)는 대상 범위에 포함된 각 토픽의 썸네일만 나열합니다.

토픽당 하나의 이미지만 표시됩니다.

사이드카 플러그인이 설치된 경우, 토픽 메타 컨트롤을 사용하여 표시할 이미지를 선택할 수 있습니다.

불행히도 추가적인 무료 지원을 제공할 수 없습니다.

---

<div class="post-metadata">

### Author: ![Fluffy\_Circus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fluffy_circus/32/445425_2.png) [@Fluffy\_Circus](https://meta.discourse.org/u/Fluffy_Circus)
#### Post date: [9월 19, 2024, 3:41오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/476 "2024-09-19T15:41:28Z")

</div>

이 컴포넌트를 설치했는데 이미지가 표시되지 않아요. 조언해 주실 수 있나요?

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/2/f/52f654ba10ca7badf4c45adf1698190787bb229e.jpeg)  
수정: 다른 사용자에게 이미지 로딩을 위해 시간을 두고 기다리라고 하신 댓글을 방금 봤어요. 48시간 정도 기다린 후에 업데이트하겠습니다.  
수정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: [9월 19, 2024, 3:48오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/477 "2024-09-19T15:48:57Z")

</div>

이미 설치된 테마와 충돌이 발생하고 있으므로, 개발자를 고용하여 문제를 해결하세요 🙂

(또는 기본 테마를 삭제하고 새 테마를 구축하세요)

#Marketplace

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 15, 2024, 4:50오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/478 "2024-10-15T16:50:38Z")

</div>

모바일에서는 타일, 더 큰 화면에서는 “일반”(오른쪽 썸네일 + 발췌문)을 표시하도록 시도해 보았습니다. 제가 원했던 것은 모바일에서 발췌문 위에 썸네일을 표시하는 것이었고, 제가 찾은 유일한 해결책이었습니다.

이 주제를 둘러보다가 이것을 발견했기 때문에, 제가 무엇을 했는지 설명할 필요가 없어져 시간을 절약할 수 있게 되었습니다.

> [@게시물 목록 미리보기(TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973/106):
>
> Fair points. I might choose another presentation for the category pages, maybe boxed or something like that. I have another question. Is it possible to have category pages (which contains topic lists) being displayed in tiles on mobile, but with thumbnails on desktop? I tried several settings tweaks but I couldn’t achieve this. edit: I achieved it. I’ll detail how I did it a bit later in case it could interest someone else, I added this edit just so nobody spends time explaining me how to do…

하지만 잘되지 않았습니다. 다음과 같은 결과가 나왔습니다:

 ![이미지에는 "Hatsjord"라고 쓰인 캡션이 있습니다. (AI 캡션)](https://global.discourse-cdn.com/meta/original/4X/a/7/4/a748c112045b11f74b610c375de14c76d252fcc2.jpeg)

그리고 썸네일과 발췌문이 비활성화되어 있을 때 레이아웃 문제가 더 명확해집니다:

 ![이것은 핀란드어로 작성된 뉴스 기사나 소셜 미디어 게시물로 보이는 Facebook 게시물의 스크린샷입니다. (AI 캡션)](https://global.discourse-cdn.com/meta/original/4X/4/2/9/42942634055d993220e3b080daafaf1397c59b6c.jpeg)

iPhone 15+, 최신 iOS, DiscourseHub 및 Safari

—

그러니 이것은 버그인가요, 애플의 문제인가요, 아니면 제가 불가능한 것을 시도하고 있는 건가요?

---

<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: [10월 15, 2024, 5:01오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/479 "2024-10-15T17:01:53Z")

</div>

JavaScript가 어떤 이유로든 깨지면 이런 일이 발생합니다.

콘솔에서 에러 메시지를 찾아야 합니다. Mac에서는 Safari에서 `?mobile_view=1`을 시도해 보세요.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 15, 2024, 5:14오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/480 "2024-10-15T17:14:49Z")

</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: [10월 15, 2024, 6:24오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/481 "2024-10-15T18:24:24Z")

</div>

또 다른 해결 방법은 충돌을 확인하는 것입니다.

새로운 테마를 생성하고 TLP를 추가하세요. 원하는 대로 설정한 후 확인하세요.

그 다음 다른 컴포넌트를 하나씩 추가하여 어떤 부분이 충돌을 일으키는지 파악하세요.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 15, 2024, 6:56오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/482 "2024-10-15T18:56:20Z")

</div>

아 진짜 내가 멍청하네 🤦‍♂️ 나는 항상 라이브 테마로 플레이했거든. 비처진(수정 전) 테마를 만들어야 한다는 생각은 정말 안 했어.

어쨌든 — Discourse Clickable Topic 플러그인과 충돌이 나고 있어.

> [@클릭 가능한 주제](https://meta.discourse.org/t/clickable-topic/183339):
>
> discourse2요약 Clickable Topic은 주제 제목뿐 아니라 topic-list-item의 전체 영역을 클릭 가능하게 만듭니다.eyeglasses미리보기 [Discourse Theme Creator에서 미리보기](https://discourse.theme-creator.io/theme/Discourse/clickable-topic)hammer_and_wrench저장소 링크 [https://github.com/discourse/discourse-clickable-topic](https://github.com/discourse/discourse-clickable-topic)open_bookDiscourse 테마에 처음이신가요? [Discourse 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 이 테마 컴포넌트 설치 기능 [preview] discourse2 우리가 호스팅하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

둘 중 어느 쪽의 컴포넌트 탓인지 서로 다투고 있나 봐? 😂

다행히 난 그게 필요 없어. 물론 컴포넌트는 필요하고, 좋은 싸움은 구경하는 재미가 있으니까.

—

다시 본론으로 돌아가자. 모바일에서 타일(excerpt)이 안 보여. 의도된 건가?

---

<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: [10월 15, 2024, 7:16오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/483 "2024-10-15T19:16:24Z")

</div>

토픽 목록 미리보기에는 이전에 타일 전체를 클릭하면 해당 토픽으로 이동하는 클릭 동작이 있었습니다.

하지만 Ember의 버그로 인해 동시에 두 개의 클릭 이벤트가 발생하는 것(예: 제목을 클릭하면 두 클릭 이벤트가 모두 트리거됨)을 지원하지 않아, 오래전부터 이 기능이 제거되었습니다.

토픽 목록이 Glimmer로 전환되면, 그때 이 기능을 다시 구현해 보겠습니다.

> [@Jagster](#):
>
> 다시 본론으로 돌아가자. 모바일에서 타일에 발췌문이 표시되지 않는다. 의도적인 설정인가?

당연히 표시되어야 하고 실제로도 표시됩니다. 뭔가 문제가 있는 것 같으니 설정을 다시 한번 확인해 보세요.

 ![The image is a screenshot of a computer monitor showing a web page with an article related to liquid, potentially in the context of a model. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/d/7/cd7c5e664cfeedcd4b14bca5aaa9d0c9906b62a9.jpeg)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 15, 2024, 7:28오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/484 "2024-10-15T19:28:58Z")

</div>

잘못 알람을 받았네요. 오늘 하루는 정말 엉망이에요.

/unseen을 사용해 보았는데요, 사용자들에게 방해가 되지 않기 때문이죠. 거기에는 WordPress와 연결된 주제들이 몇 개 있거든요. 그런데 어떤 발췌도 나오지 않았어요. 물론이죠, 거기에는 오직 원박스(onebox)만 있으니까요.

음, /latest에는 발췌가 정상적으로 표시됩니다.

그래서 모든 것이 정상인 거네요. 감사합니다!

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [1월 4, 2025, 7:28오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/485 "2025-01-04T19:28:42Z")

</div>

안녕하세요, 해당 컴포넌트를 사용하는 제 사이트 3곳 모두에서 [이 문제](https://meta.discourse.org/t/topic-lists-preview/345580)가 발생하고 있습니다. 해당 컴포넌트를 업데이트한 후부터 이런 현상이 나타났습니다. PC와 모바일을 포함한 모든 브라우저에서 동일한 증상이 확인됩니다. Discourse를 업데이트해 보았지만 상황이 나아지지 않았습니다. 아이디어와 조언을 부탁드립니다.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [1월 5, 2025, 2:11오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/486 "2025-01-05T02:11:02Z")

</div>

다음 주제를 검색해 보시면(단어 **conflict** ) 어떤 테마 구성 요소가 제대로 작동하지 않는지 파악하는 데 도움이 될 수 있습니다:

[https://meta.discourse.org/search?q=conflict%20topic%3A209973%20order%3Alatest](https://meta.discourse.org/search?q=conflict%20topic%3A209973%20order%3Alatest)

---

<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: [1월 5, 2025, 6:59오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/487 "2025-01-05T06:59:04Z")

</div>

이미 발견되었습니다

> [@토픽 목록 미리보기](https://meta.discourse.org/t/topic-lists-preview/345580/11?u=moin):
>
> Hey ! Found something, disabling [that other component](https://github.com/VaperinaDEV/topic-list-item-click-animation) solves the problem !

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [1월 7, 2025, 10:58오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/488 "2025-01-07T22:58:31Z")

</div>

사이드카 재구축이 그렇게 잘되지 않았습니다.

이 부분이 관련이 있을 것 같습니다. (스크린샷이라 죄송합니다)

 ![The image shows a software developer's terminal output, displaying error messages and logs related to a Ruby program installation. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/0/3/c036ce58004afcd5e221fd2630916b0446285005.png)

약속했던 로그 파일을 찾아올까요?

[Previous page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=23)

[Next page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=25)
