# トピック一覧プレビュー（レガシー）

**URL:** https://meta.discourse.org/t/topic-list-previews-legacy/101646
**Category:** Plugin
**Tags:** deprecated
**Created:** [2018 年 11 月 9 日午前 3:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646 "2018-11-09T03:56:38Z")
**Posts on this page:** 1
**Showing post:** 1342

<div class="post-metadata">

### Author: ![Faizan\_Zahid](https://avatars.discourse-cdn.com/v4/letter/f/b9bd4f/32.png) [@Faizan\_Zahid](https://meta.discourse.org/u/Faizan_Zahid)
#### Post date: [2020 年 10 月 26 日午前 8:42 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1342 "2020-10-26T08:42:23Z")

</div>

こんにちは、Robert さん、

迅速な返信をありがとうございます。

> [@merefield](#):
>
> デフォルトのフォールバック画像は、もちろんどこかの公開場所になければなりませんが、それが唯一の例外です。

はい、その通りです。Discourse コアは、外部の公開サイトにホストされている画像であっても、あなたのプラグインのように画像を検出する必要があります。これがまさに私が Discourse コアにサポートしてほしい機能です。この機能のリクエストはどこですればよいでしょうか？

> [@merefield](#):
>
> この発言の意味がわかりません。すべての画像を単一の S3 プロバイダーにホストし、指定された CDN を介してアクセスしているのでしょうか？

基本的に、私のトピックの画像は、imgur や [https://pixabay.com/](https://pixabay.com/) など、無料で画像を使用できる他の外部公開サイトから読み込まれています。オブジェクトストレージは使用していません。

つまり、ストレージコストを節約するために、画像を自分の Discourse サーバーにアップロードしたことはありません。

画像を表示するために、第三者の無料画像ホスティングサイトを使用しています。詳しく説明しますね。

例えば、このトピック [How Many Carbs on Keto? - How To Discuss](https://howtodiscuss.com/t/how-many-carbs-on-keto/28069) をご覧ください。

e.g

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

この最初の画像は実際には imgur から読み込まれています。ソースを確認してください。

実際の画像 URL は [Imgur: The magic of the Internet](https://i.imgur.com/04HZ5py.jpg) です。

同様に、このトピック [How to do Handstand yoga? - How To Discuss](https://howtodiscuss.com/t/how-to-do-handstand-yoga/28055) では、  
画像は実際にはこの URL にホストされています。トピックのソースを確認してください。

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

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

これらのすべてのケースで、私は 2 つの問題に直面しています。

1. これらの外部画像は検出されず、トピックプレビュープラグインのトピックサムネイルとして表示されません。私のホームページ [https://howtodiscuss.com/](https://howtodiscuss.com/) をご覧いただければわかりますが、すべてのトピックに画像があるにもかかわらず、これらの画像を検出できません。

2. また、Facebook、Twitter、LinkedIn、Skype などのソーシャルメディアサイトにトピックを共有するたびに、メタ OG タグが私の外部の img src を取得しないため、常にフォールバックして、実際のトピック画像の代わりに私のサイトのロゴがトピック共有リンクに表示されてしまいます。

例えば、Facebook の投稿をご覧ください。トピックには確かに画像があるのに、フォールバックとして常に私のサイトのロゴが表示されてしまいます ☹

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/c/0c612b5962ffe860b0faf9d317772eb28e590cef.jpeg)

問題を確認するために、以下の URL をお試しください [Social Share Preview of howtodiscuss.com - Social Share Preview – Check social media link previews](https://socialsharepreview.com/?url=https://howtodiscuss.com/t/how-to-do-handstand-yoga/28055)

トピックには外部の公開サイトに画像がありますが、それでも常に私のサイトのロゴにフォールバックしてしまいます。この動作は望んでいません。

私の友人も Discourse とこのトピックリストプレビュープラグインを使用しており、同じ問題に直面しています @Bcat

どうすれば解決できますか？もしかすると、トピックの HTML に、外部 CDN のリモート画像の img src を含む強制メタ OG タグを追加できるかもしれません。その方法はどうすればよいでしょうか？そうすれば、ソーシャルメディアサイトとこのトピックリストプレビュープラグインが私のトピックの画像を検出して、ホームページに表示できるようになります。

> [@merefield](#):
>
> トピックの公開 OG タグは、選択されたサムネイルを反映する必要があります。これはプラグインの機能ではなく、Discourse コアの問題でもあります。

各トピックの公開 OG タグをどのように変更または上書きすれば、それらの公開画像をトピックのサムネイルとして取得できるか教えていただけますか？

---

_[View the full topic](https://meta.discourse.org/t/topic-list-previews-legacy/101646)._