# Topic List Previews (legacy)

**URL:** <https://meta.discourse.org/t/topic-list-previews-legacy/101646>\
**Category:** Plugin\
**Tags:** deprecated\
**Created:** [11월 9, 2018, 3:56오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646 "2018-11-09T03:56:38Z")\
**Posts on this page:** 20\
**Page:** 11

<div class="post-metadata">

**Author:** ![internet\_cookie](https://avatars.discourse-cdn.com/v4/letter/i/aca169/32.png) [@internet\_cookie](https://meta.discourse.org/u/internet_cookie)\
**Post date:** [6월 7, 2020, 7:13오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1145 "2020-06-07T19:13:25Z")

</div>

> [@merefield](#):
>
> 해상도를 선택하는 데 사용하던 알고리즘을 다시 살펴보고 개선점을 찾았습니다.
> 
> 이 변경 사항은 TC와 플러그인에 배포되었습니다.
> 
> 참고로 새로운 해상도 스케일은 0~6이며, 0은 원본 이미지, 1은 그 다음 높은 해상도, 6은 가장 낮은 해상도를 의미합니다.
> 
> 플러그인/TC를 업데이트한 후 이 문제가 해결되었는지 알려주세요.

수정해 주셔서 감사합니다! 해상도를 4로 설정했는데, 이제 거의 모든 타일이 400x400 크기의 섬네일을 로드하고 있습니다. 정상적으로 작동하는 것 같습니다. 👏

예외적인 경우로는 원본 이미지 업로드 크기가 800x800 미만이지만 400x400 이상인 몇몇 게시물이 있습니다. 이 게시물들은 사용 가능한 400x400 대신 200x200 크기의 섬네일을 로드하고 있습니다.

---

<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월 7, 2020, 7:15오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1146 "2020-06-07T19:15:12Z")

</div>

새 알고리즘은 반올림을 사용합니다. 따라서 일부 값이 올림 또는 내림으로 변경될 수 있음을 받아들여야 합니다. 이는 서로 다른 길이를 가진 집합들에서 '해상도 레벨’을 일반화하기 위함입니다. 문제가 될 수 있는 부분은 각 구간을 동일하게 취급하고 있지만, 실제로는 비선형적으로 처리해야 한다는 점입니다.

지금 당장은 더 이상 시간을 할애할 수 없어 죄송합니다. 추후 개선할 수 있습니다.

---

<div class="post-metadata">

**Author:** ![internet\_cookie](https://avatars.discourse-cdn.com/v4/letter/i/aca169/32.png) [@internet\_cookie](https://meta.discourse.org/u/internet_cookie)\
**Post date:** [6월 7, 2020, 8:19오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1147 "2020-06-07T20:19:18Z")

</div>

좋네요, 수정해 주셔서 감사합니다. 이제 400x400 크기로 로드되어 페이지 로딩이 줄어든 걸 보니 기쁩니다. 👍

---

<div class="post-metadata">

**Author:** ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)\
**Post date:** [6월 14, 2020, 12:40오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1148 "2020-06-14T00:40:23Z")

</div>

@merefield, 우선… 놀라운 플러그인을 만들어 주셔서 감사합니다 🙏

“토픽 목록 기본 썸네일 폴백” 설정이 작동하지 않는 것 같아 보고드립니다. [이 이미지](https://forums.pickleballist.com/uploads/default/original/1X/f0149f8c6606a454bb6af41f9cf43df2e62b8b8a.png)를 "토픽 목록 기본 썸네일"로 설정했는데, 이미지가 없는 토픽은 이 폴백 이미지를 사용하지 않고 있습니다. 아래에 그 예를 보여드립니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/a/7abb197eb73c461d12c9e2222d6fe99f2ae16ef2.jpeg)

기본 이미지가 표시되도록 해결할 방법이 있을까요? 각 토픽에 이미지가 있거나 기본 이미지가 표시되었을 때의 일관성이 그리워집니다.

또 다른 참고 사항… 썸네일에 애니메이션 GIF가 표시되던 적이 있었는데, 저희는 그 점이 좋았습니다. 하지만 지금은 썸네일에 애니메이션 GIF 대신 정지 화면만 표시되는 것 같습니다.

추가로: 저희는 @davidkingham이 언급했듯이 [Pavilion Events 플러그인](https://meta.discourse.org/t/events-plugin/69776)도 함께 사용하고 있습니다.

---

<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, 2020, 9:12오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1149 "2020-06-14T09:12:50Z")

</div>

> [@jord8on](#):
>
> 기본 이미지가 표시되도록 하는 해결책이 있나요? 각 주제에 이미지나 기본 이미지가 있을 때의 일관성이 그리워집니다.

TC에서는 작동합니다. 이번 주에 사용했습니다. 플러그인에 대해서는 다음 지원되는 업그레이드 기간을 앞두고 확인해 보겠습니다. 보고해 주셔서 감사합니다.

> [@jord8on](#):
>
> 또 다른 참고 사항… 썸네일에는 예전에 우리가 좋아했던 애니메이션 GIF가 표시되었습니다. 하지만 지금은 애니메이션 GIF 대신 썸네일에 정지 화면만 표시되는 것 같습니다.

썸네일은 이제 Discourse에서 생성됩니다. 관련 로직의 대부분은 TLP에서 제거되었습니다. 애니메이션 GIF를 지원하도록 그들에게 요청해야 합니다.

> [@jord8on](#):
>
> 또 다른 참고 사항: @davidkingham이 언급했듯이 [Pavilion Events Plugin](https://meta.discourse.org/t/events-plugin/69776)도 사용하고 있습니다.

네, 이 문제를 제기했습니다. 템플릿 충돌입니다. 제 동료 중 한 명이 확인하고 있습니다.

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [6월 15, 2020, 8:50오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1150 "2020-06-15T08:50:51Z")

</div>

> [@jord8on](#):
>
> 썸네일에는 우리가 좋아했던 애니메이션 GIF가 표시되곤 했어요.

> [@merefield](#):
>
> 애니메이션 GIF를 지원하도록 그들에게 요청해야 합니다.

정상적으로 작동해야 합니다. 저희 [공식 테마 컴포넌트](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)를 사용하여 애니메이션 GIF를 성공적으로 적용한 사이트를 본 적이 있습니다. 사이트 설정에서 `애니메이션 썸네일 허용` 설정이 활성화되어 있는지 확인해 주세요. (기본값으로 활성화되어 있습니다)

여전히 작동하지 않는다면, 작동하지 않는 GIF를 포함하여 여기에 새로운 #Support 토픽을 생성해 주세요.

---

<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, 2020, 9:20오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1151 "2020-06-15T09:20:16Z")

</div>

아, 그 설정을 놓쳤네요. 중간에 말씀해 주셔서 감사합니다, David!

@jord8on 그 방법으로 해결이 안 되면 제가 먼저 확인해 보겠습니다. 그래도 안 되면 예시를 DM으로 보내 주세요.

---

<div class="post-metadata">

**Author:** ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)\
**Post date:** [6월 16, 2020, 7:42오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1152 "2020-06-16T19:42:44Z")

</div>

> [@david](#):
>
> 동작할 것 같습니다

우리 사이트에서는 애니메이션 GIF가 정상적으로 작동합니다. 문제가 무엇이었는지 정확히 모르겠습니다. 아마 제 로컬 기기에 문제가 있었던 것 같습니다. ¯\_(ツ)_/¯

> [@merefield](#):
>
> > [@jord8on](#):
> >
> > 기본 이미지가 표시되도록 하는 해결책이 있나요? 각 주제에 이미지나 기본 이미지가 표시되었을 때의 일관성이 그리워집니다.
> 
> 이것은 TC(테마 구성 요소)에서 작동하며, 이번 주에 사용해 보았습니다. 플러그인에 대해서는 다음 지원되는 업그레이드 기간을 앞두고 살펴볼 것입니다. 보고해 주셔서 감사합니다.

확인해 주셔서 감사합니다!!

한 가지 더 질문이 있습니다. 방금 공식 discourse 테마 구성 요소를 확인해 보았는데, 이 [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602/) 와 이 “Topic List Previews” 플러그인 사이의 차이점이 무엇인지 궁금합니다. 특정 상황에서는 어느 쪽이 더 나은가요, 혹은 더 나쁜가요?

---

<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, 2020, 7:48오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1153 "2020-06-16T19:48:59Z")

</div>

직접 판단해 보시면 1분도 걸리지 않을 거예요. :). TLP TC는 이름 그대로 작동합니다.

---

<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월 24, 2020, 3:33오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1154 "2020-06-24T15:33:46Z")

</div>

이것은 TC에서 구현되었습니다. 테스트해 보고 결과를 알려주세요:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/f/cfa95ca21f23f76af95201245c9b7292d1c6fe25.png)  
default: OFF

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/fcdbdf99c0ed3b27bd0b1c1661de943c895fc101>

---

<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월 24, 2020, 3:47오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1155 "2020-06-24T15:47:20Z")

</div>

@davidkingham @jord8on @fzngagan 님이 친절하게 PR로 Discourse 코어에 반영해 주신 TC에 누락되어 있던 모바일 플러그인 아웃렛을 추가했습니다(고마워요, 친구!). 그래서 상황이 개선되었을 수 있습니다. 다만 아직 Events 플러그인과 함께 테스트는 하지 않았습니다!

Events 플러그인과 TC를 사용하면서 어떻게 되는지 알려주세요:

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/cbd1bf811a3836abebf236f5243027e4a5c29f75>

플러그인에서도 이 기능이 필요하면 알려주세요.

---

<div class="post-metadata">

**Author:** ![Krischan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/krischan/32/47290_2.png) [@Krischan](https://meta.discourse.org/u/Krischan)\
**Post date:** [6월 24, 2020, 8:08오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1156 "2020-06-24T20:08:10Z")

</div>

이 기능 덕분에 회원들을 위한 콘텐츠를 먼저 게시하고 홍보할 수 있어 정말 큰 도움이 됩니다. 감사합니다! 😃

---

<div class="post-metadata">

**Author:** ![markersocial](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/markersocial/32/170136_2.png) [@markersocial](https://meta.discourse.org/u/markersocial)\
**Post date:** [6월 26, 2020, 12:30오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1157 "2020-06-26T12:30:55Z")

</div>

썸네일 해상도를 조정하거나 TLP 플러그인을 삭제하는 경우, 이전에 생성된 썸네일을 삭제하기 위해 추가적인 조치가 필요한가요? 아니면 시간이 지나면 자동으로 삭제되나요?

---

<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월 26, 2020, 12:33오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1158 "2020-06-26T12:33:38Z")

</div>

해상도는 단순히 JavaScript 수준에서의 표면적인 선택 사항일 뿐입니다.

좋은 질문이네요. 썸네일 생성은 핵심 활동입니다. 토픽을 삭제하고 다시 베이킹(rebake)해 보신 후, `latest.json`에서 사라지는지 확인해 보세요.

---

<div class="post-metadata">

**Author:** ![Krischan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/krischan/32/47290_2.png) [@Krischan](https://meta.discourse.org/u/Krischan)\
**Post date:** [6월 29, 2020, 6:28오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1159 "2020-06-29T06:28:18Z")

</div>

현재 기능 이미지(Featured images)의 순서와 태그별 주제 순서가 일치하지 않는 문제를 발견했습니다. 즉, [https://1e9.community](https://1e9.community) 의 기능 주제와 [https://1e9.community/tag/titelstory?ascending=false&order=created](https://1e9.community/tag/titelstory?ascending=false&order=created) 의 순서가 다릅니다.

기능 이미지는 정확히 어떤 기준으로 정렬되고 있나요? 감사합니다!

---

<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월 29, 2020, 7:44오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1160 "2020-06-29T07:44:12Z")

</div>

생성일. 즉, 태그가 적용된 시점이 아니라 토픽이 생성된 시점을 의미합니다. 그리고 제가 해당 기능을 사용 중인 사이트를 다시 확인해 보니, 두 가지 모드 모두에서 예상대로 정상적으로 작동하는 것 같습니다?

---

<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:** [7월 3, 2020, 4:09오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1161 "2020-07-03T04:09:18Z")

</div>

> [@merefield](#):
>
> Events 플러그인과 TC를 어떻게 진행하셨는지 알려주세요:

참고로 모든 것이 잘 작동하는 것 같지만, events/mobile과의 충돌은 여전히 존재합니다.

---

<div class="post-metadata">

**Author:** ![fzngagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fzngagan/32/259349_2.png) [@fzngagan](https://meta.discourse.org/u/fzngagan)\
**Post date:** [7월 3, 2020, 4:20오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1162 "2020-07-03T04:20:54Z")

</div>

> [@merefield](#):
>
> 개선: 제목 아래에 새로운 플러그인 아웃렛 추가

몇 시간 안에 처리하겠습니다.

p.s. 해당 변경 사항을 적용했습니다. 이제 TLP 템플릿이 이벤트 세부 정보와 함께 모바일에서 로드되어야 합니다.

---

<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:** [7월 3, 2020, 7:41오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1163 "2020-07-03T07:41:35Z")

</div>

> [@davidkingham](#):
>
> 참고로 모든 것이 잘 작동하는 것 같습니다. 다만, events/mobile과의 충돌은 여전히 존재합니다.

@fzngagan 감사합니다.

이제 TC를 사용하여 모바일에서 주제 목록의 이벤트가 정상적으로 표시되는 것을 확인했습니다. @davidkingham 확인해 주시겠습니까?

---

<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:** [7월 3, 2020, 9:54오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1164 "2020-07-03T09:54:55Z")

</div>

> [@jord8on](#):
>
> 한 가지 더 질문이 있습니다. 공식 디스커스 테마 컴포넌트를 확인해 보았는데, [Topic List Thumbnails Theme Component](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602/)와 이 “Topic List Previews” 플러그인 사이의 차이점이 무엇인지 궁금합니다. 특정 상황에서는 어느 쪽이 더 낫거나 나쁜가요?

이것은 개인적인 취향 문제입니다. TLP가 더 오래前から 존재해 왔기 때문에, 부분적으로는 그 덕분에 기능이 더 풍부합니다(썸네일 선택기, 추천 이미지, 사용자 포트폴리오 시스템, 추천 주제 지원). 또한 메타데이터가 더 포함된 약간 다른 타일 형식을 가지고 있으며, TLTTC에는 추가적인 보기 유형(그리드)이 있습니다.

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

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