# 外部リンクのサムネイル設置

**URL:** <https://community.shopify.com/t/topic/125434>\
**Category:** 技術的なQ＆A\
**Created:** [June 2, 2022, 12:09am UTC](https://community.shopify.com/t/topic/125434 "2022-06-02T00:09:55Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyサイトから既存のブランドサイトのコラムへ直接誘導したい。複製掲載（同一記事が2つ存在）は避けたいため、TOPにブランドサイト記事のサムネイル一覧を出し、クリックで遷移する方法を検討中。現状は「TOP→Shopifyブログ→記事→外部リンク」で手数が多いことが課題。

提案：ブランドサイトのCMS（コンテンツ管理システム）が提供するWeb API（例：WordPressのREST API）で記事データを取得し、ShopifyのTOPに一覧（サムネイル・タイトル等）を表示して外部へリンク。参考リソースとしてWordPress APIのドキュメントとShopifyコミュニティ記事が提示。

代替案：iframe（他サイトページ埋め込み）で“Shopify上で読んでいる風”は可能だが、X-Frame-Options（埋め込み制御ヘッダー）によるオリジン制限の解除が必要で推奨されない。

アクション：ブランドサイト制作会社へAPI利用可否を確認済み。結論：API連携方針に方向性が見えたが、最終実装は未定で議論は継続中。

<div class="post-metadata">

**Author:** ![Shikigu-shi](https://avatars.discourse-cdn.com/v4/letter/s/d26b3c/32.png) [@Shikigu-shi](https://community.shopify.com/u/Shikigu-shi)\
**Post date:** [June 2, 2022, 12:09am UTC](https://community.shopify.com/t/topic/125434/1 "2022-06-02T00:09:55Z")

</div>

Shopifyで構築中のサイト以外に、元々あったブランドサイトがありそちらで投稿しているコラムをShopifyサイトから見れるようにしたいと考えています。

同じ内容をコピペして作ろうかとも思いましたが、Web上に同じ内容の記事が２つあるのは望ましくないと指摘をいただいたので、ブランドサイトの記事を見に行けるようにしたいと思っています。

動線として、TOPページに「Shopifyブログ設置＞記事に入ってから設置されたリンクから飛ぶ」

のように今はしていますが、手数も多くどうかなと思っています。TOPページにブランドサイト記事のサムネイルが出てクリックすれば飛べるようにしたらスムーズかなと思い、そのようなコードや、アプリはありませんでしょうか・・？

（全く素人なのですが、あたかもShopify上で読んでいるように見せられて戻るを押したら普通にShopifyに戻っているみたいなことは無理ですよねぇ・・）

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [June 3, 2022, 10:25am UTC](https://community.shopify.com/t/topic/125434/2 "2022-06-03T10:25:52Z")

</div>

ブランドサイトでコラムを投稿されている、ということは何かしらCMSを導入されていることと思います。

もし、導入しているCMSがWordPressなのでしたら、Web APIを利用できるはずです。

[https://ja.wp-api.org/](https://ja.wp-api.org/)

WordPressではなくとも、APIを提供してくれるCMSは多いと思いますので、

ご利用のCMSを調べていただくと良いかと思います。

さて、Web APIが利用できるのであれば、

ShopifyのTOPページに、ブランドサイトの記事一覧を表示することも可能なはずです。

コミュニティ内にも下記の記事がありました。

[https://community.shopify.com/topic/1186792](https://community.shopify.com/topic/1186792)

「Wordpress api 記事一覧 shopify」でGoogle検索いただくと、他にも記事が見つかるはずです。

なお、

> （全く素人なのですが、あたかもShopify上で読んでいるように見せられて戻るを押したら普通にShopifyに戻っているみたいなことは無理ですよねぇ・・）

こちらについては、iframeを利用すれば、近しいことが可能かと思います。

ただし、ブランドサイト側のiframeのオリジン規制を解除する必要がありますので、

おすすめは致しません。

[https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/X-Frame-Options](https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/X-Frame-Options)

したがって、この点については、アイデアがありません。

ご参考まで。

(キュー田辺)

---

<div class="post-metadata">

**Author:** ![Shikigu-shi](https://avatars.discourse-cdn.com/v4/letter/s/d26b3c/32.png) [@Shikigu-shi](https://community.shopify.com/u/Shikigu-shi)\
**Post date:** [June 6, 2022, 4:17am UTC](https://community.shopify.com/t/topic/125434/3 "2022-06-06T04:17:42Z")

</div>

わ！ありがとうございます！早速ブランドサイトの制作会社にも連絡してみました！希望が見えました！ありがとうございます！
