>> Udemyのセール!Shopify講座が1,500円から

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト テーマ

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

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

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

Shopify飯店

Shopify飯店

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

Shopifyの学習方法まとめ

 

スポンサーリンク

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

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

 

スポンサーリンク

無料テーマのURLまとめ

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

 

DAWN

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Refresh

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Sense

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Craft

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Ride

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Origin

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Taste

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Studio

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Publisher

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Crave

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

Colorblock

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

 

スポンサーリンク

有料テーマURLまとめ

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

 

Kingdom

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

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

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

 

Baseline

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

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

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

 

Impulse

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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

Shopify テーマ 無料テーマ 有料テーマ URL デモサイト

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の調べ方

Shopify テーマ 無料テーマ 有料テーマ 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飯店

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

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

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

【関連記事】【2023年最新】Shopifyのおすすめ学習方法まとめ【現役エンジニアが紹介】

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

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

デイトラShopifyコースは買うべきか?徹底レビュー【2023年最新】
デイトラShopifyコースを大解剖します。内容、強み、評判、身につくスキルをShopify構築を仕事にしている筆者が解説します。

【関連記事】【2023年最新】Shopifyの学習におすすめの動画教材(Udemy)まとめ

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

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

Shopifyの学習におすすめの本まとめ【参考書7選を紹介】
本記事ではShopifyを学ぶのにオススメな本・参考書をまとめています。

【関連記事】【2023年最新】【Shopifyの独学】勉強方法のまとめ【初心者向け】

【Shopifyの独学】勉強方法のまとめ【初心者向け】
本記事ではShopifyの独学方法をロードマップとしてまとめています。筆者はShopifyを独学して3年ほど経ちました。ノウハウが溜まってきたので、Shopify独学のロードマップを整理して記事にしました。
【Udemyで初めて買う場合はお得!】
初回購入ならShopifyの動画教材が安く買える!
Udemyはほとんど常に、初回購入者向けのセールを開催しています。通常1万〜2万円の商品が初回購入だと2,000円程度で購入できます。
・Udemyでセール中のShopifyの講座一覧をまとめて見る icon

 

スポンサーリンク

まとめ

本記事のポイントをまとめます。

・本記事では、ShopifyのテーマストアのデモサイトのURLをまとめました。
・デモサイトのURLを調べる場合は、<iframe></iframe>の中の「src=」を見れば良い

今回の記事はここまでです。

 

タイトルとURLをコピーしました