# Twitter onebox 이미지를 토론 썸네일로 사용

**URL:** https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107
**Category:** Support
**Created:** [8월 17, 2020, 8:18오전 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107 "2020-08-17T08:18:17Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 8:18오전 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/1 "2020-08-17T08:18:17Z")

</div>

안녕하세요!

미리보기 플러그인을 설치해 두었는데, 일부 미리보기는 표시되고 일부는 표시되지 않는 것을 확인했습니다. 특히 게시글에 트윗 링크를 붙여넣으면 트윗 미리보기가 전혀 표시되지 않습니다. Vimeo에서 공유한 비디오도 동일한 문제가 발생합니다. 며칠 전 제 친구가 같은 질문을 했었는데, 플러그인 문제가 아니라 Discourse 소프트웨어 자체의 문제라고 답변을 받았다고 합니다.  
제 친구의 게시글 링크입니다: [Topic List Previews (legacy) - #1265 by xioian](https://meta.discourse.org/t/topic-list-previews/101646/1265)  
모든 미리보기가 정상적으로 표시되도록 하는 방법이 있을까요?

감사합니다!

---

<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: [8월 17, 2020, 9:11오전 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/2 "2020-08-17T09:11:56Z")

</div>

메타에 예시 링크를 공유해 주시겠어요? (전에 요청한 적 있어요 😉 ).

---

<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: [8월 17, 2020, 9:41오전 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/3 "2020-08-17T09:41:02Z")

</div>

트위터 임베드에서 큰 이미지가 작동해야 합니다. 하지만 이 설정을 해야 할 것 같습니다: (리치 임베드에 대한 OP 하단 섹션을 읽어보세요):

> [@Configuring X login and rich embeds for Discourse](https://meta.discourse.org/t/configuring-twitter-login-and-rich-embeds-for-discourse/13395):
>
> bookmark This guide explains how to set up Twitter login and rich embeds for your Discourse forum. person_raising_hand Required user level: Administrator warning In order for rich embeds to work properly, a Basic plan or higher for X Dev is mandatory. Rich embeds will not work with the Free X Dev plan. X Configuration Go to the [Developer Portal](https://developer.twitter.com/en/portal/projects-and-apps) on X. Choose between a Free, Basic, or Pro X Dev plan and complete the developer agreement and policy requirements. After completing …

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 9:26오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/4 "2020-08-17T21:26:39Z")

</div>

로버트님, 안녕하세요.

예시를 하나 올립니다:

> <https://twitter.com/newscientist/status/1294560523971956736?s=21>

트윗 링크를 공유하면 미리보기가 표시되지 않습니다.

---

<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: [8월 17, 2020, 9:29오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/5 "2020-08-17T21:29:28Z")

</div>

지금은 theTopic List Previews 플러그인은 잊어주세요. 이 플러그인은 주제 목록에만 영향을 미치기 때문입니다(플러그인 이름이 그렇게 지어진 이유이기도 하죠).

이 경우, 주제 안에 Onebox가 표시되는 것이 선행 조건입니다.

당신의 사이트에서 게시물에 Onebox가 제대로 표시되고 있나요?

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 9:51오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/6 "2020-08-17T21:51:25Z")

</div>

이것은 제 포럼에 게시물을 올렸을 때의 모습입니다. 여기에 올린 것과 다르게 보입니다.

 ![screenshot1](https://global.discourse-cdn.com/meta/original/3X/b/f/bf02193a941ebfdde4fff54ee9fd22829bcc1613.png)

네, 데이비드가 링크한 단계를 따랐지만 아무런 효과가 없는 것 같습니다. 주제 목록 미리보기는 일부 사이트에서는 작동하지만 Twitter 같은 다른 사이트에서는 작동하지 않습니다. 또한 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: [8월 17, 2020, 9:52오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/7 "2020-08-17T21:52:38Z")

</div>

네, 그 섬네일은 너무 작아서 채택되지 못할 것 같아요.

여기 메타에서 렌더링되는 더 풍부한 버전이 필요할 것 같습니다.

---

<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: [8월 17, 2020, 9:56오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/8 "2020-08-17T21:56:45Z")

</div>

네, 그 스크린샷을 보면 ‘rich’ 트위터 원박스(rich Twitter onebox)가 작동하지 않는 것 같습니다. 사이트 설정에서 twitter\_consumer\_key와 twitter\_consumer\_secret이 올바르게 설정되어 있는지 확인해 보셨나요?

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 10:03오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/9 "2020-08-17T22:03:41Z")

</div>

그래서 썸네일 크기를 CSS로 실험해 봤지만, 그래도 작동하지 않았습니다.

---

<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: [8월 17, 2020, 10:05오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/10 "2020-08-17T22:05:32Z")

</div>

CSS로는 해결할 수 없습니다. Twitter 서버의 고해상도 썸네일에 접근할 수 있는 더 풍부한 임베드가 필요합니다.

이를 위해서는 인증이 필요합니다.

인증이 없으면 2류 시민으로 취급되어 저품질의 썸네일만 제공됩니다.

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 10:06오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/11 "2020-08-17T22:06:47Z")

</div>

보내주신 링크의 단계를 따라 진행했는데, 변경 사항이 보이지 않습니다.

---

<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: [8월 17, 2020, 10:09오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/12 "2020-08-17T22:09:27Z")

</div>

변경 사항을 적용한 후에는 해당 OneBox가 포함된 게시물에서 'rebuild html’을 실행해야 합니다. 그렇지 않으면 OneBox의 캐시된 버전이 표시됩니다.

게시물 아래의 🔧를 클릭하여 ‘rebuild html’ 옵션을 찾으세요.

---

<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: [8월 17, 2020, 10:10오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/13 "2020-08-17T22:10:12Z")

</div>

아직 캐싱이 진행 중일 수도 있습니다. 그렇다면 Oneboxing이 새 링크라고 인식하도록 URL 끝에 중복된 쿼리 문자열을 추가해 보세요.

예를 들어

`https://twitter.com/newscientist/status/1294560523971956736?s=21&order=bacondoublecheese`

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 10:26오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/14 "2020-08-17T22:26:19Z")

</div>

@merefield @david 정말 감사합니다. 두 가지 방법 모두 효과가 있었어요! 이제 트위터 링크에 대해 Onebox와 토픽 목록 미리보기가 표시됩니다. 조금 지연되긴 하지만, 그래도 표시가 됩니다. 감사합니다!

---

<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: [8월 17, 2020, 10:28오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/15 "2020-08-17T22:28:31Z")

</div>

> [@ElliSol](#):
>
> 조금 지연되지만 나중에 표시됩니다.

네, sidekiq가 이미지를 가져오고 썸네일 생성을 허용하기 전에 잠시 휴식하는 것입니다 🙂

---

<div class="post-metadata">

### Author: ![ElliSol](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ellisol/32/158462_2.png) [@ElliSol](https://meta.discourse.org/u/ElliSol)
#### Post date: [8월 17, 2020, 10:30오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/16 "2020-08-17T22:30:59Z")

</div>

아, 그래, 그거 괜찮아! 😄

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [9월 16, 2020, 10:37오후 UTC](https://meta.discourse.org/t/twitter-onebox-images-as-topic-thumbnails/161107/17 "2020-09-16T22:37:25Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
