# 주제 목록 미리보기 (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:** 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: [12월 9, 2021, 8:20오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/21 "2021-12-09T08:20:51Z")

</div>

이 동작을 개선할 수 있다고 약속할 수는 없습니다. 이제 이 기능은 테마 컴포넌트이며, 주로 Discourse에서 직렬화된 데이터에 의존해야 하기 때문입니다. 따라서 사용 가능한 데이터로는 태그 지정 날짜를 표시하는 것이 불가능할 가능성이 높습니다. 이는 이 기능을 테마 컴포넌트로 단순화한 결과이기도 합니다. 예전에 이 부분을 자세히 살펴본 적이 있는데, 이것이 가장 좋은 절충안이었기 때문입니다.

플러그인 사이드카가 추가될 때 이 추가 옵션을 넣을 수 있는 방법이 있을 수 있습니다. 다만, 이는 우선순위가 낮게 설정되어야 할 것입니다.

시간이 나면 다른 문제도 간단히 살펴보겠지만, 이 역시 이미지에 관한 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: [12월 13, 2021, 8:48오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/22 "2021-12-13T08:48:23Z")

</div>

타일 보기에서 마우스를 올렸을 때 썸네일에 은은한(?) 하이라이트 효과를 추가했습니다:

[Merge branch ‘beta’ · merefield/discourse-topic-list-previews-theme@fa46a61 (github.com)](https://github.com/merefield/discourse-topic-list-previews-theme/commit/fa46a61359ff530db3291fa5f5d769df8c1fd6ac)

새 게시물 알림의 간격을 수정했습니다: [Merge branch 'beta' · merefield/discourse-tc-topic-list-previews@b900ead · GitHub](https://github.com/merefield/discourse-topic-list-previews-theme/commit/b900ead8eb77b0c1f927bdafb2c91971375fb3e0)

---

<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: [12월 18, 2021, 4:33오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/23 "2021-12-18T16:33:37Z")

</div>

[Theme Sidecar 플러그인](https://thepavilion.io/t/which-one-to-install-plugin-or-tc/3996?u=merefield)에 일부 개선을 적용하여, 발췌문에 포함된 링크와 앵커를 제거함으로써 이로 인해 발생할 수 있는 레이아웃 손상 위험을 완화했습니다: [FIX: remove anchors from excerpts too · merefield/discourse-topic-previews@98d3772 (github.com)](https://github.com/merefield/discourse-topic-previews/commit/98d3772dab041ff4f04e07d829df5caf26f3f3f8)

관련된 설정이 있습니다:

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

---

<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: [12월 21, 2021, 6:10오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/24 "2021-12-21T06:10:38Z")

</div>

기존 스레드에서 이 문제를 보고한 적이 있지만, 재현 방법을 알지 못했습니다. 이제 어떻게 재현하는지 명확하게 이해했습니다.

홈페이지([krita-artists.org](http://krita-artists.org))에서 읽지 않은 게시글 링크를 마우스 중간 버튼으로 클릭하여 새 창에서 열거나, 마우스 오른쪽 버튼을 클릭한 후 컨텍스트 메뉴에서 '새 탭에서 열기’를 선택합니다. 그런 다음 새로 열린 탭에서 헤더의 웹사이트 로고를 클릭하여 홈페이지로 돌아가면, 피처 이미지 컴포넌트가 로드되지 않는 것을 확인할 수 있습니다. 로드되려면 페이지를 새로고침해야 합니다.

이 문제는 링크를 새 탭에서 열었다가 홈페이지로 돌아올 때만 발생합니다. 왼쪽 클릭으로 같은 페이지에서 링크를 열었다가 돌아오면 정상적으로 로드됩니다.

---

<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: [12월 21, 2021, 1:44오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/25 "2021-12-21T13:44:20Z")

</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: [12월 21, 2021, 1:55오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/26 "2021-12-21T13:55:30Z")

</div>

여러분도 즐거운 명절 되세요 🙂 재현 방법을 파악하는 데 시간이 좀 걸렸어요.

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [12월 24, 2021, 3:48오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/27 "2021-12-24T15:48:45Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/8/1/8119cdddaf7c8084290bef28000bfb57d2514ebe.png)

토픽 목록 발췌를 켜 놓았지만, 제 [포럼](https://rfw.akarin.moe/c/sh/16/l/latest)에는 발췌가 전혀 표시되지 않습니다.

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/a/0aad704550b7002870a026116bfaae1d94b7e615.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: [12월 24, 2021, 4:44오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/28 "2021-12-24T16:44:20Z")

</div>

카테고리를 추가하셨나요?

![image](https://global.discourse-cdn.com/meta/original/3X/a/2/a2b1c4a23eebbc4d2a0abe4f76e6169c07e10158.png)

태그도 마찬가지입니다:

![image](https://global.discourse-cdn.com/meta/original/3X/e/4/e4534a6030411f74e6faff15c7c462f36616f2f5.png)

---

<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: [12월 24, 2021, 4:53오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/29 "2021-12-24T16:53:21Z")

</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: [12월 24, 2021, 5:09오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/30 "2021-12-24T17:09:02Z")

</div>

저희 환경에서는 새로 재구축한 경우(그리고 이전에도) 정상적으로 작동하고 있습니다. 설정에 해당 뷰를 올바르게 추가했는지 확인해 주세요.

카테고리는 기본적으로 추가되지 않으므로, 모든 카테고리에 항목이 표시되도록 하려면 모든 카테고리를 수동으로 추가해야 합니다.

기본적으로 포함되는 것은 메인 Discovery Topic Lists만입니다.

---

<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: [12월 24, 2021, 5:39오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/31 "2021-12-24T17:39:39Z")

</div>

@merefield 네, 시도해 봤습니다. 그리고 컴포넌트와 사이드카에 서로 다른 카테고리(태그 등, 아직 시도하지는 않았지만)가 있는 경우 아무것도 작동하지 않아요 — 헤더 섹션이 세 번 표시됩니다.

어쨌든, 발췌문을 가져오는 유일한 방법은 사이드카이고, 섬네일(썸네일)은 컴포넌트를 통해서만 작동합니다. 그리고 섬네일이 켜져 있으면 어떤 방법을 써도 발췌문을 가져올 수 없어요. 제게는 발췌문이 섬네일보다 훨씬 중요한 기능이라서(이미지는 트래픽을 거의 발생시키지 않으므로) 지금은 만족하고 있습니다.

물론 다른 플러그인이나 컴포넌트와의 충돌일 수도 있지만, 그것도 시도해 봤고 아무 문제가 없었습니다. 지금은 아이패드를 사용 중이라 JS나 유사한 오류가 있는지 확인하기가 다소 어렵습니다.

이전 플러그인은 완벽하게 잘 작동했습니다.

---

<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: [12월 24, 2021, 5:44오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/32 "2021-12-24T17:44:08Z")

</div>

잠재적으로 충돌이 있는 것 같습니다.

중복된 헤더는 매우 의심스러우니, 시간이 되면 콘솔에서 오류를 확인해 보세요.

제 사이트 3곳에서는 완벽하게 잘 작동하고 있습니다.

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [12월 25, 2021, 1:33오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/33 "2021-12-25T01:33:22Z")

</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: [12월 25, 2021, 8:22오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/34 "2021-12-25T08:22:55Z")

</div>

충돌이 원인일 가능성이 높습니다. 이 문제를 조사하려면 해당 컴포넌트만 포함된 테마를 생성한 뒤, 다시 구성해 보세요. 설정을 변경할 때마다 브라우저를 새로고침해야 합니다. 호환되지 않는 다른 요소와 함께 사용하고 있을 가능성이 큽니다. 예를 들어 뉴스 플러그인과는 호환되지 않습니다. 둘 중 하나만 선택해 사용하세요.

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [12월 25, 2021, 9:18오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/35 "2021-12-25T09:18:50Z")

</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: [12월 25, 2021, 9:56오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/36 "2021-12-25T09:56:26Z")

</div>

현재로서는 계획이 없습니다. 이를 추진할 동기도 자금도 없습니다.

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [1월 3, 2022, 10:12오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/37 "2022-01-03T22:12:12Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/d/6/d6b67916bea0eaa234ba170f37958aaea5b579c7.jpeg)

[https://test.rail.moe/c/sh/16](https://test.rail.moe/c/sh/16)

어떤 이상한 이유로 크기가 초과되는 것 같습니다.

---

<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: [1월 3, 2022, 11:21오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/38 "2022-01-03T23:21:40Z")

</div>

다음과 같은 경우에도 동일하거나 유사한 문제가 발생하나요? [Topic List Excerpts Theme Component - theme - Discourse Meta](https://meta.discourse.org/t/topic-list-excerpts-theme-component/151520)? (다른 테마에서 별도로 실행하고, 함께 실행하지 마세요!)

해당 사이트로 접속할 수 없습니다.

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [1월 4, 2022, 1:47오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/39 "2022-01-04T13:47:34Z")

</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: [1월 4, 2022, 1:53오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/40 "2022-01-04T13:53:31Z")

</div>

> [@tachibanalolo](#):
>
> 그러면 이 컴포넌트가 크기를 초과하게 만듭니다.

제가 링크한 다른 컴포넌트와 함께 잘 작동하나요? 확인해 주세요.

이 컴포넌트에 문제가 있다고 생각하지 않습니다.

어쨌든 이미 해결책을 제공했습니다:

> [@주제 목록 미리보기 (TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973/23?u=merefield):
>
> Pushed a minor improvement to [the Theme Sidecar plugin](https://thepavilion.io/t/which-one-to-install-plugin-or-tc/3996?u=merefield) to eliminate links and anchors in the excerpt to help mitigate risk of corrupt layout caused by them: [FIX: remove anchors from excerpts too · merefield/discourse-topic-previews@98d3772 (github.com)](https://github.com/merefield/discourse-topic-previews/commit/98d3772dab041ff4f04e07d829df5caf26f3f3f8) There’s an associated setting: [image]

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

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