【Shopify】テーマストアのデモサイトのURLまとめ【iframeで使いにくい】

Shopifyのテーマストアのデモサイトがiframeで表示されているので使いにくい。
各デモサイトのURLを一覧で知りたい。

こんなことを考えている方へ。
この記事のポイントは以下です。

・ShopifyのテーマストアのデモサイトのURLをまとめめした
（順次更新します）

🔽Shopifyを学びたい方へ👇
私はShopifyを独学しましたが、いま思えば効率が悪かったと思います。
自身の経験を踏まえて、おすすめの学習方法を以下の記事にまとめました。

Shopifyの学習方法まとめ

【Shopify】テーマストアのデモサイトのURLまとめ【iframeで使いにくい】

Shopifyのテーマストアに掲載されている無料テーマ、有料テーマのデモサイトのURLまとめました。
テーマストアのプレビューからサイトを見ることができますが、iframeで表示されているので使いにくいです。

そこで、各テーマのURLを自分用にまとめることにしました。

無料テーマのURLまとめ

無料テーマのURLをまとめました。

DAWN

A minimalist theme that lets product images take center stage.
商品画像を主役にしたミニマムなテーマです。

https://theme-dawn-demo.myshopify.com/

Refresh

A bold theme that elevates product quality and brand storytelling.
製品の品質とブランドのストーリー性を高める、大胆なテーマです。

https://theme-refresh-demo.myshopify.com/

Sense

An energizing theme featuring extensive product detail layouts.
商品詳細のレイアウトを充実させたエネルギッシュなテーマ。

https://theme-sense-demo.myshopify.com/

Craft

A refined theme that celebrates craftsmanship.
クラフトマンシップを讃える、洗練されたテーマ。

https://theme-craft-demo.myshopify.com/

Ride

A distinct, dynamic theme that champions the world of sports.
スポーツの世界観を表現した、個性的でダイナミックなテーマです。

https://theme-ride-demo.myshopify.com/

Origin

A stylish theme designed for makers selling unique pieces.
ユニークな作品を販売するメーカーのためにデザインされたスタイリッシュなテーマです。

https://theme-origin-demo.myshopify.com/

Taste

Ideal for speciality products and bold branding.
特殊な製品や大胆なブランディングに最適です。

https://theme-taste-demo.myshopify.com/

Studio

A stylish theme with special attention to artists and collections
アーティストやコレクションに特化したスタイリッシュなテーマ

https://theme-studio-demo.myshopify.com/

Publisher

An avant-garde theme inspired by independent studios and publishers.
独立系スタジオや出版社にインスパイアされたアバンギャルドなテーマ。

https://theme-publisher-demo.myshopify.com/

Crave

An eye-catching theme optimized for shopping on the go.
外出先でのショッピングに最適化された、目を引くテーマです。

https://theme-crave-demo.myshopify.com/

Colorblock

A striking theme ideal for high-end fashion
ハイエンドなファッションに最適な印象的なテーマ

https://theme-colorblock-demo.myshopify.com/

有料テーマURLまとめ

有料テーマのURLをまとめました。

Kingdom

An image-focused theme, designed around a stylish signature sidebar.
スタイリッシュなサイドバーを中心にデザインされた、画像に特化したテーマ。

タイプ：King
https://king-theme-v3.myshopify.com/

タイプ：Queen
https://queen-theme-v3.myshopify.com/

タイプ：Prince
https://prince-theme-v3.myshopify.com/

Be Yours

Create super fast responsive websites with an amazing user experience.
超高速なレスポンシブWebサイトと驚異的なユーザーエクスペリエンスを実現します。

タイプ：Sweet
https://beyours-theme-fashion.myshopify.com

タイプ：Peace
https://beyours-theme.myshopify.com

タイプ：Dark
https://beyours-theme-tech.myshopify.com

タイプ：Beauty
https://beyours-theme-beauty.myshopify.com

タイプ：Trendy
https://beyours-theme-clothing.myshopify.com/

Boost

Deliver that in-store experience online, bold, modern and impactful.
大胆でモダン、そしてインパクトのある購買体験をオンラインで提供します。

タイプ：Spark
https://spark-theme.myshopify.com/

タイプ：Bloom
https://boost-theme-bloom.myshopify.com

Baseline

タイプ：Bold
https://baseline-theme-bold.myshopify.com/

タイプ：Minimal
https://baseline-theme-minimal.myshopify.com/

タイプ：Modern
https://baseline-theme-modern.myshopify.com/

Impulse

Flexible, fashionable, proven design with powerful promotions.
フレキシブルでファッショナブル、実績あるデザインで強力なプロモーションを展開。

タイプ：Modern
https://impulse-theme-fashion.myshopify.com/

タイプ：Bold
https://impulse-theme-sports.myshopify.com/

タイプ：Clean
https://impulse-theme-apparel.myshopify.com/

Empire

A marketplace-inspired theme optimized for large product catalogs.
大規模な製品カタログに最適化された、マーケットプレイスをイメージしたテーマ。

タイプ：Spply
https://empire-theme-supply.myshopify.com

タイプ：Graphic
https://empire-theme-graphic.myshopify.com/

タイプ：Industrial
https://empire-theme-industrial.myshopify.com/

タイプ：Depot
https://empire-theme-depot.myshopify.com

Prestige

Designed for premium, high-end brand appeal.
プレミアムでハイエンドなブランド訴求を目指したデザイン。

タイプ：Allure
https://prestige-theme-allure.myshopify.com

タイプ：Couture
https://prestige-theme-couture.myshopify.com

タイプ：Vogue
https://prestige-theme-vogue.myshopify.com

Symmetry

Versatile, fashionable, professional theme with premium features.
プレミアムな機能を備えた、汎用性の高いファッショナブルなプロフェッショナルテーマです。

タイプ：Beatnik
https://beatnik-5.myshopify.com/

タイプ：Chantilly
https://chantilly.myshopify.com/

タイプ：Duke
https://duke-16.myshopify.com/

タイプ：Salt Yard
https://salt-yard.myshopify.com/

Impact

A colored, typography-oriented theme for impactful brands.
インパクトのあるブランドのためのカラー、タイポグラフィー重視のテーマ。

タイプ：Sound
https://impact-theme-sound.myshopify.com

タイプ：Home
https://impact-theme-home.myshopify.com/

タイプ：Shape
https://impact-theme-shape.myshopify.com

Warehouse

Designed to display and promote a large catalog of products.
大量の製品カタログを表示し、プロモーションするために設計されています。

タイプ：Wood
https://warehouse-theme-wood.myshopify.com/

タイプ：Fabric
https://warehouse-theme-fabric.myshopify.com

タイプ：Metal
https://warehouse-theme-metal.myshopify.com

Motion

Bring your brand to life with animation and video.
アニメーションとビデオでブランドに命を吹き込むテーマです。

タイプ：Classic
https://motion-theme-adventure.myshopify.com

タイプ：Elegant
https://motion-theme-accessories.myshopify.com

タイプ：Minimal
https://motion-theme-home.myshopify.com

Pipeline

A fashionable, feature rich theme designed for luxury brands.
ラグジュアリーブランド向けにデザインされた、ファッショナブルで機能豊富なテーマ。

タイプ：Bright
https://pipeline-theme.myshopify.com/

タイプ：Dark
https://pipeline-botanical.myshopify.com/

タイプ：Light
https://pipeline-light.myshopify.com/

タイプ：Clean
https://pipeline-theme-fashion.myshopify.com/

Focal

A bold grid-style theme, perfect for lifestyle and product imagery.
ライフスタイルや製品イメージに最適な、大胆なグリッドスタイルのテーマ。

タイプ：Carbon
https://focal-theme-carbon.myshopify.com/

タイプ：Ivory
https://focal-theme-ivory.myshopify.com/

タイプ：Quartz
https://focal-theme-quartz.myshopify.com/

タイプ：Sapphire
https://focal-theme-sapphire.myshopify.com/

Expanse

A clean, versatile theme for large inventories.
大量の商品を掲載するのに向いている、クリーンで汎用性の高いテーマ。

タイプ：Modern
https://expanse-theme-beauty.myshopify.com/

タイプ：Classic
https://expanse-theme-furniture.myshopify.com/

タイプ：Contemporary
https://expanse-theme-food-and-drink.myshopify.com

各テーマのURLの調べ方

テーマを開いたらブラウザの検証モードを起動させます。
そして、<iframe></iframe>で囲まれた箇所を見つけます。

上記はDAWNのコードですが、<iframe></iframe>の箇所は以下です。

<iframe id="PreviewFrame" class="device-preview__iframe" src="https://theme-dawn-demo.myshopify.com/?_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaUowYUdWdFpTMWtZWGR1TFdSbGJXOHViWGx6YUc5d2FXWjVMbU52YlFZNkJrVlUiLCJleHAiOiIyMDIzLTAxLTExVDA2OjQwOjM2LjI0MFoiLCJwdXIiOiJwZXJtYW5lbnRfcGFzc3dvcmRfYnlwYXNzIn19--1e079b19c99061d9a54b3d5c081601ba59f38230"></iframe>

そして、URLは「src=」の部分になります。
上記の例では以下です。

https://theme-dawn-demo.myshopify.com/

「?_bt=」から先の部分は無視してOKです。

参考：Shopifyを学ぶ方法まとめ｜本・動画教材・オンラインスクール

Shopifyを本格的に学ぶためにはネットの情報だけは足りません。本（参考書）、動画教材（Udemy）、オンラインスクールを活用して、効果的に学習しましょう。

思い切って有料の教材を買って体系的に学ぶことで、操作に悩む時間が減りますし、より高度なカスタマイズや提案ができるようになり、仕事の幅が広がります。

仕事でShopifyを扱っている筆者が、おすすめの学習教材をまとめました。くわしくは以下の記事をご覧ください。

Shopifyのおすすめ学習方法まとめ【現役エンジニアが紹介】

現役フリーランスエンジニアがShopifyの勉強方法をまとめました。オンラインスクールで学ぶ、本で学ぶ、Udemyで学ぶ、公式のYoutubeで学ぶの4つです。おすすめはオンラインスクールで学ぶことです。

【関連記事】【2023年最新】デイトラShopifyコースは買うべき？【レビュー】
※2コース目以降の追加受講は5000円引き！

デイトラShopifyコースは買うべきか？徹底レビュー【2023年最新】

デイトラShopifyコースを大解剖します。内容、強み、評判、身につくスキルをShopify構築を仕事にしている筆者が解説します。

【日本語のみ】Shopifyの学習に最適なUdemyの教材まとめ

日本語で受講できるUdemyのShopify講座をまとめました。新講座が出るたびに随時、記事を更新します。初心者向けの講座から上級者向けの講座まで紹介しています。また、筆者が実際にUdemyの講座を受講したレビューも紹介しています。

【関連記事】【2023年最新】Shopifyの学習におすすめの本まとめ

Shopifyの学習におすすめの本まとめ【参考書7選を紹介】

本記事ではShopifyを学ぶのにオススメな本・参考書をまとめています。

【Shopifyの独学】勉強方法のまとめ【初心者向け】

本記事ではShopifyの独学方法をロードマップとしてまとめています。筆者はShopifyを独学して3年ほど経ちました。ノウハウが溜まってきたので、Shopify独学のロードマップを整理して記事にしました。

【Udemyで初めて買う場合はお得！】
初回購入ならShopifyの動画教材が安く買える！
Udemyはほとんど常に、初回購入者向けのセールを開催しています。通常1万〜2万円の商品が初回購入だと2,000円程度で購入できます。
・Udemyでセール中のShopifyの講座一覧をまとめて見る