Shopifyのテーマストアのデモサイトがiframeで表示されているので使いにくい。
各デモサイトのURLを一覧で知りたい。
こんなことを考えている方へ。
この記事のポイントは以下です。
■■Shopifyを学ぼう■■
人気記事 1.5万文字でデイトラShopifyコース!を徹底解説!口コミはこちら📺
人気記事 2万文字で忍者CODEShopifyコース!を徹底解説!口コミはこちら📺
人気記事 Shopifyのおすすめ学習方法まとめ!👩💻
人気記事 筆者の経験談!独学ロードマップ決定版!🖥
人気記事 Shopifyを学べるおすすめの書籍まとめ!📚
人気記事 日本語のみを厳選!おすすめのUdemy動画教材🎦
人気記事 コピペでOK!カスタマイズパーツ販売中📝
【Shopify】テーマストアのデモサイトのURLまとめ【iframeで使いにくい】
Shopifyのテーマストアに掲載されている無料テーマ、有料テーマのデモサイトのURLまとめました。
テーマストアのプレビューからサイトを見ることができますが、iframeで表示されているので使いにくいです。
そこで、各テーマのURLを自分用にまとめることにしました。
無料テーマのURLまとめ
無料テーマのURLをまとめました。
DAWN
A minimalist theme that lets product images take center stage.
商品画像を主役にしたミニマムなテーマです。
Refresh
A bold theme that elevates product quality and brand storytelling.
製品の品質とブランドのストーリー性を高める、大胆なテーマです。
Sense
An energizing theme featuring extensive product detail layouts.
商品詳細のレイアウトを充実させたエネルギッシュなテーマ。
Craft
A refined theme that celebrates craftsmanship.
クラフトマンシップを讃える、洗練されたテーマ。
Ride
A distinct, dynamic theme that champions the world of sports.
スポーツの世界観を表現した、個性的でダイナミックなテーマです。
Origin
A stylish theme designed for makers selling unique pieces.
ユニークな作品を販売するメーカーのためにデザインされたスタイリッシュなテーマです。
Taste
Ideal for speciality products and bold branding.
特殊な製品や大胆なブランディングに最適です。
Studio
A stylish theme with special attention to artists and collections
アーティストやコレクションに特化したスタイリッシュなテーマ
Publisher
An avant-garde theme inspired by independent studios and publishers.
独立系スタジオや出版社にインスパイアされたアバンギャルドなテーマ。
Crave
An eye-catching theme optimized for shopping on the go.
外出先でのショッピングに最適化された、目を引くテーマです。
Colorblock
A striking theme ideal for high-end fashion
ハイエンドなファッションに最適な印象的なテーマ
有料テーマ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を本格的に学ぶためにはネットの情報だけは足りません。
そこで、仕事でShopifyを扱っている筆者が、おすすめの学習方法をまとめました。
オンラインスクール、本(参考書)、動画教材(Udemy)を活用して、効果的に学習しましょう。思い切って有料の教材を買って体系的に学ぶことで、操作に悩む時間が減りますし、より高度なカスタマイズや提案ができるようになり、仕事の幅が広がります。
■■Shopifyを学ぼう■■
人気記事 1.5万文字でデイトラShopifyコース!を徹底解説!口コミはこちら📺
人気記事 2万文字で忍者CODEShopifyコース!を徹底解説!口コミはこちら📺
人気記事 Shopifyのおすすめ学習方法まとめ!👩💻
人気記事 筆者の経験談!独学ロードマップ決定版!🖥
人気記事 Shopifyを学べるおすすめの書籍まとめ!📚
人気記事 日本語のみを厳選!おすすめのUdemy動画教材🎦
人気記事 コピペでOK!カスタマイズパーツ販売中📝
■■Udemyは初回購入がお得■■
Point 通常1万〜2万円の商品が80%OFF〜90%OFF程度の値段で購入できる!
Point ランチ1回分の値段でShopifyを学べます!
まとめ
本記事のポイントをまとめます。
今回の記事はここまでです。