ShopifyがOnline Store 2.0を発表したことで、(開発者からマーチャント、顧客まで)人々は、特に、より柔軟なカスタマイズオプションを備えたテーマアーキテクチャに大きな変化を感じている。
Shopifyコミュニティで現在最も注目されているテーマ「Dawn」は、OS 2.0デビューに伴うアップグレード機能を収束させた、原始的なリファレンステーマであることを約束した。
ドーン...新世代のオンライン・プラットフォームとしては、いいスタートが切れそうだね?
では、このテーマには何があるのでしょうか?これまでのShopifyテーマとどう違うのか?Shopifyストアを立ち上げるにはどうすればいいのか? Shopify Dawn Themeのレビューでその答えを見つけましょう。
💡Shopifyのテーマとアプリを、実体験に基づいて綿密に評価します。当社の包括的な レビュープロセスと方法論.
.NETの最新レビューを読む
ドーンのテーマ概要
Shopify Dawnテーマについて
バックエンドのインターフェイスに飛び込んで、Dawnを使った店舗セットアップの内部で何が起こっているかを見る前に、その背景について学んでおこう。
Shopify DawnテーマはShopifyチームによってデザインされ、最初のソース利用可能なリファレンステーマです。コードをご覧になりたい方は、GitHubのDawnリポジトリをチェックしてください。
9月20日に更新されました:Shopify Dawn ThemeがすべてのShopifyマーチャント様にご利用いただけるようになりました。

クレジット:Shopify
Shopifyデベロッパーチームによると、Dawnはストアのパフォーマンスを向上させ、マーチャントと顧客のために柔軟性と使いやすさを提示するために構築されています。彼らはHTMLとCSSでこのテーマを作成し、複雑さを軽減し、読み込み速度を向上させるために、Javascriptの使用を可能な限り最小限に抑える努力をしました。
また、Dawnの構築過程で何度も読み込み速度のテストが行われ、その結果、Debutよりも35%高速化されています。そしてもうひとつは、Internet Explorer 11のような多くの人がもう使っていないような非エバーグリーンブラウザでも、すべてのブラウザでうまく動作することです。
とはいえ、DawnはOS 2.0のデフォルトテーマとなり、Debutがそうであるように、近い将来Shopify加盟店の半数以上が使用するようになるかもしれない。
ページフライ評
PageFlyの高コンバージョンの店舗設計の経験に基づき、DawnテーマはShopifyで店舗構築を開始するための優れたオプションです。新規出店者にとっては、このテーマはセットアップに十分な機能とわかりやすいナビゲーションを提供します。これらの基本的な機能だけでなく、このテーマの特筆すべき長所を時間をかけて探求することを強くお勧めします:
- テーマは無料。
- 商品ページでは、商品メディアを効果的に紹介することで、コンバージョン率を高めることができる。
- デザインはシンプルで使いやすい。
しかし、カスタマイズのオプションが限られているなど、考慮すべき欠点もある。
動画がお好きな方は、こちらの動画でDawn Themeのデモをご覧ください:
関連記事
- エンパイアテーマShopifyの究極のガイド:機能、長所、短所とカスタマイズ
- Testament Shopifyテーマレビュー:どんなオンラインストアにも最適なテーマ?
- ハロShopifyテーマレビュー:あなたのストアのための素晴らしいテーマ
エディターではどのように機能するのか?
オンラインストア2.0は多くのクールな機能で新しい体験を提供しますが、テーマエディターも例外ではありません。Dawnには、特筆すべき点がいくつかある。
個別設定のツリー表示
OS 2.0では、テーマエディターの外観が強化され、多くのテーマやDawnで見ることができる。
以前は、各セクションごとに、コンテンツを含むブロックがあり、その中にユーザーが変更を加えるための小さなセクションがあった。しかし今のところ、フォローや編集がしやすいように、すべてが階層的に整理されている。これによって、何が何なのか(この部分やあの部分には何が含まれているのか)がすぐにわかるので、より良いUXを提供できるだろう。物事がすべてそこにあり、分離され、明確なので、ユーザーにとってはより簡単でしょう。
例えば、"イメージバナー "には見出しやボタンがあり、そこをクリックすると編集やカスタマイズの方法がわかります。
すべてのページタイプのコンテンツセクション
はい、その通りです。マーチャントはすべてのページ(ホームページ、商品ページ、コレクションページ、または作成した会社概要ページ)にコンテンツセクションを追加することができます。Dawnはユーザーエクスペリエンスを刷新する目的で構築されているため、直感的なインターフェイスでより良いカスタマイズの余地があります。
そのため、どのページにもあなたのビジネスに合ったカスタムレイアウトを構築できるのは素晴らしいことです。商品ページは、ホームページのように画像バナーや動画、カスタムテキストボックスなどで装飾することもできます。また、例えば「よくある質問」のページでは、ブログ記事のセクションを設けて最新の記事に誘導し、あなたのビジネスや業界について知ってもらうことができます。
メタフィールズ
DawnはOS 2.0用に作られた最初のテーマなので、最新の高度な機能を受け継いでいます。その一つがメタフィールドの改良です。マーチャントはAPIやコードを使わずに直接メタフィールドを作成することができます。
より分かりやすくするために、メタフィールドはウェブサイトにコンテンツやセクションを追加するのに役立ちます。記事、ブログ、商品、コレクション、ページ、顧客などに追加情報を挿入することができます。Dawnでは、ショップを立ち上げる際に、メタフィールドを使って商品情報に「スパイス」を加えることができます。
また、エディターの柔軟性により、コンテンツを自分の好きな場所に移動させることができる。
ドーンとメタフィールドを使ってどのように製品をカスタマイズしているのか、このビデオをご覧ください:
テンプレート作成
Dawnテーマでは、上部のページ選択バーに 「テンプレートの作成」オプションが表示されます。基本的には、選択したテーマでページ(商品ページやコレクションページなど)のテンプレートを作成し、特定の商品やコレクションに割り当てることができます。
テンプレート・ファイルは.JSONまたはLIQUIDでなければならないことを忘れないでください。
Shopifyドーンのテーマ:主な機能
前述の通り、Dawn Themeは無料です。しかし、素早くストアを立ち上げたいマーチャントには十分な多くの便利な機能が含まれている。さらに、このテーマは、衣類や装飾品などのアイテムをスタイリッシュにディスプレイする必要があるお店のためにも設計されています。
カートとチェックアウト
カートとチェックアウト機能については、このテーマは、次のような基本的なオプションのみを提供しています:
- カートメモ
- 店舗での受け取り
- クイック・バイ
これらの機能により、このテーマはオンライン販売と対面販売の両方を可能にします。さらに、カートノートを通じてパーソナライゼーションサービスを提供することで、顧客体験を向上させることができます。
前述のシンプルなカート機能は顧客体験を向上させるが、このテーマにはスティッキーカートやスライドアウトカートの機能がない。
マーケティングとコンバージョン
強力なマーケティング機能を持つことは、オンラインストアのコンバージョン率とROIを高めるのに役立つため、非常に重要です。ShopifyのDawnテーマは、商人がマーケティング戦術を実装することを可能にするいくつかの機能を提供しています:
- ブログ
- クロスセリング
- FAQページ
- 報道
- 製品レビュー
- プロモ・バナー
- 推奨製品
しかし、このテーマには翻訳機能がないため、グローバルな販売者は課題に直面するかもしれない。
マーチャンダイジング
Shopify Dawn Themeは無料ですが、商品を表示するための多くの優れた機能を誇っています。これは、お店のストーリー性や視覚的な補助を強化したい商人にとって理想的かもしれません。さらに、ファッションショップやビューティーショップには特に魅力的です。以下は、ドーンのテーマが提供するマーチャンダイジング機能の一部である:
- 高解像度画像
- イメージギャラリー
- 画像のロールオーバー
- 画像ズーム
- 原材料または栄養情報
- ルックブック
- 製品オプション
- 製品ビデオ
- 配送/配達情報
- サイズ表
- スライドショー
- 使用情報
製品発見
商品ディスカバリーの機能性を強調することで、ストアのコンバージョン率に重要な役割を果たします。ユーザーフレンドリーな機能により、バイヤーはあなたのコレクションを素早くナビゲートし、必要なものを見つけて購入することができます。以下は、Dawnテーマが提供する商品発見機能です:
- 検索の強化
- メガメニュー
- 製品のフィルタリングとソート
- 推奨製品
- スティッキーヘッダー
Shopifyの暁のテーマを使用してトップ3ストア
ライフ・トゥー・ソーシー

最初の例は、衣料品店のLife2Saucyである。Life2Saucyのインターフェイスは、活気に満ちた魅力的な美学を体現し、ブランドのエッセンスを表現しています。大胆な色使いと直感的なレイアウトを融合させたウェブサイトは、若々しく流行に敏感な客層にアピールする、没入感のあるショッピング体験を促進している。
商品は高解像度の画像とダイナミックなプレゼンテーションで紹介され、ユニークなスタイルと品質を強調しています。ナビゲーションは合理化されており、お客様は簡単にカテゴリーを探索し、製品詳細を閲覧し、カスタマーレビューにアクセスすることができます。
モテモテの私

DawnをテーマにしたIrresistible Meのオンラインストアのデザインは、高品質なヘアエクステンションと美容製品に焦点を当てたブランドを反映し、エレガンスとシンプルさを醸し出しています。ウェブサイトはクリーンでミニマルなレイアウトを採用し、製品の素晴らしさと洗練さを際立たせるシームレスなショッピング体験を促進しています。
色調はソフトで心地よく、探検を促すような歓迎ムードを醸し出している。
ランナーズ・アスレチックス

Runners Athleticsのオンラインストアは、ミニマルなデザインとユーザーフレンドリーな機能をシームレスに融合させ、ターゲットとなるユーザーのアクティブなライフスタイルに直接アピールしています。ウェブサイトの美的感覚は、ナビゲーションのしやすさと商品ラインへの素早いアクセスを優先した、すっきりとモダンなレイアウトによって特徴づけられている。アウトドアやエンデュランス・スポーツをイメージした配色で、冒険心と耐久性を育むデザインとなっている。
ドーンでShopifyストアをセットアップするには?
DawnはDebutに取って代わるものです。DawnはShopifyの新しいバージョンに対応した基本的なテーマで、Debutが提供するものをDawnが持っていることは明らかです。しかし、より良くなり、より多くのオプションを提供します。
重要なのは、人々がどのようにその属性を利用して、店舗の外観を変更し、サイトのパフォーマンスを向上させるかである。
以下が私たちの提案だ:
明確なCTAを持つヒーローバナーを追加する
魅力的な見出しとCTAを持つ大きな画像バナーは、訪問者をあなたが訪問させたいページに誘導するのに役立ちます。訪問者をより深くファネルに誘導し、コンバージョン率を高めることができます。
Dawnでは、画像バナーや テキスト付き画像セクションを簡単に見つけることができ、あなたのストアをカスタマイズすることができます。
ホームページで商品を紹介する
顧客に素早く商品にアクセスしてもらいたいですか?トップページにベストコレクションや商品を表示することは、訪問者に商品について知ってもらい、トップページにある「カートに入れる」ボタンをクリックさせるのに効果的です。
アプリブロックを活用し、製品により多くの情報を追加する
AppブロックはDawnテーマでどのページにも導入することができ、この機能はマーケティング活動のためにインストールしたShopifyアプリと連携するのに役立ちます。例えば、すでにShopifyストアに商品レビューアプリを追加している場合、「Appブロック」を使って商品ページのレビュー欄を調整することができます。
クレジット ショップファイ
商品ページにコンテンツを追加する
Dawnでは商品ページにたくさんのコンテンツを追加することができます。マルチメディアコラージュ」を使って商品の動画を紹介したり、ブログ記事を挿入してお客様に読んでもらうこともできます。

モバイル版に注目
Shopifyのテーマは、多くの場合、モバイル愛好家のためのモバイルフレンドリーな目的で作成されているので、夜明けのテーマはあなたに応答性のモバイルレイアウトを提供します。あなたは、ホームページにそれを設定している間、モバイルデバイスに合わせて画像バナーのサイズを調整することができます。
モバイル・フレンドリー・テストやMobi Readyのようなツールを使って、モバイル・デバイスでのサイト・パフォーマンスをテストし、Varvyを使ってモバイルSEOを行い、Google PageSpeed Insightsを使ってデスクトップとモバイルの両方で読み込み速度をテストする。
もっと読む 衣料品店のためのトップ8ベストShopifyテーマ(2023)
では、ドーンはデビューより上なのか?
言うまでもなく、DawnはDebutよりも優れている。なぜなら、OS 2.0の進歩に追いつくためには、より良く、より強化されなければならないからだ。Dawnについて一言でまとめる:
- Debutより35%速い
- オンラインストア2.0がもたらす高度な機能(テーマエディター、メタフィールド、アプリブロック、デザインなど)がすべて含まれています。
- Debutよりも多くのコンテンツセクションがあり、各ページのカスタマイズが可能な限り容易であることは言うまでもない。
- すべてのブラウザで動作
- HeyCarsonのウェブサイトでは、Shopify Dawn Themeに関する実際の店舗のレビューをチェックすることができます。
Blumテーマ - Shopifyストアのための代替スタイリッシュでカスタマイズ可能なオプション
あなたは特にファッションや美容のeコマースストアのために設計されてShopifyドーンのテーマに代わるものを探している場合、 ブルムのテーマ は素晴らしい選択肢かもしれません!モダンでシンプルなデザインのBlumテーマは、視覚的に魅力的な方法でShopifyストアを紹介するのに最適です。
Blumテーマで様々なカスタマイズオプションをお楽しみください。プロモーションバナー、ニュースレター登録、商品クイックビューなどの便利なマーケティング・販売ツールを活用しながら、ホームページ、商品ページ、コレクションページをパーソナライズできます。
さらに、このテーマの適応性は、色、フォント、レイアウトを調整するための使いやすい設定で、あなたのブランドにシームレスにフィットすることを保証します。
Dawnテーマと同様に、Blumテーマはモバイルフレンドリーでレスポンシブなので、あらゆるデバイスで素晴らしい外観を保証します。また、Shopifyのセクションシステムをサポートしているため、コーディングや技術的なノウハウがなくても簡単にストアを管理することができます。
さらに Blumテーマはデザインと機能性に優れているだけでなく、最適なページスピードを優先し、お客様にスムーズで満足のいくショッピング体験をお約束します。

本質的に、Blumのテーマは、ファッションや美容のeコマースストアのためのドーンのテーマに代わる理想的なものです。トレンディでモダンなデザイン、数多くのカスタマイズの可能性、内蔵のコンバージョンツールを提供し、顧客のための没入型かつ視覚的に印象的なオンラインショッピング体験を設計するのは簡単です。
Shopify Theme Storeで独占販売されているBlum Themeは、その高い品質で多くの好意的なフィードバックを集めています。
Shopifyドーンテーマ&O.S 2.0の長所と短所
Shopifyオンラインストア2.0の長所
01.使いやすさ、UI/UX
- 新しいエディターでは、利用可能なすべての機能と特徴が一元化され、編集ページにリアルタイムで変更が反映されます。
- 開発中の新標準ストアフロント・テーマ「Dawn」(リファレンス・テーマ)は、現在のデフォルト・テーマより35%高速( )。
02.アプリの統合(アプリブロック付き)
開発者向けのテーマアプリ拡張機能は、拡張機能だけでなく、多くの機能を追加するのに役立つ。これ以前は、アプリをテーマと統合する方法はなかった。
03.費用: 無料
04.柔軟性
Online Store 2.0以前では、これらのテーマセクションはホームページにのみ追加することができました。オンラインストア2.0では、これらのテーマセクションは動的なものとなり、商品ページや商品ページなど、どのページにも追加できるようになりました。
Shopifyオンラインストア2.0の短所
01.スタイリングのカスタマイズ
唯一できることは、事前条件付きの要素に大きく依存することだ。背景色やフォントの変更はあまり利用できない。
02.レイアウトのカスタマイズ
ここの商品ページは、かなり予測しやすい。多くの新機能を搭載することはできるが、その外観や配置を完全に構成することはできない。
マルチカラムという最もレイアウトの自由度が高い機能を追加してみた。これがすべてだった。説明欄は自明である。
03.サポート
ページエディターの操作中に問題に遭遇しても、ほとんどの場合、すぐに答えを得ることはできません。なぜなら、よくある質問のみを扱うヘルプセンターが表示され、あなたの特定の問題に対する具体的な答えを見つけることが難しいからです。
04.ランディングページ制作/カスタマイズ
もし、ペイパークリックやFacebook広告のキャンペーンを提供できる独立したページが必要なら、あなたは間違った場所に来てしまいました!現時点では、Shopify Online Store 2.0はホームページや商品ページなどの標準的なページしか作成できません。
テーマ機能への依存:他のShopifyテーマと同様に、Shopify Online Store 2.0のテーマでは、与えられたものを得ることができます。カウントダウンタイマーがあるテーマもあれば、ないテーマもある。スライドショーがあるテーマもあれば、ないテーマもあります。ページエディターで提供されているもの以外に、あなたのページにいくつかの修正を要求する場合、あなたは助けを求める必要があります。ソーシング料金については、私に触れないでください!
推薦の言葉
Dawn Theme& Online Store 2.0は、小規模な予算で商売を始める方や中小企業にとって効果的なローンチパッドです。
新しいエディターは、技術初心者のビジネスオーナーにとって、ゼロからのストアフロント構築、様々なテーマ拡張機能の追加、テーマ内でのアプリ管理など、新鮮な編集体験を提供します。一般的なビジネス展開の一環として、基本的なオンラインストアを構築する必要がある場合にも、このエディタから始めるとよいだろう。
結論
Dawnは新世代のShopifyテーマの新たなスタンダードとなるのか?Dawnは、Shopifyがより高いレベル(OS 2.0)にステップアップしているように、Eコマースの世界で開発者とマーチャントの両方に新しい風をもたらすと断言できます。
UXデザインとアクセス性が大幅に改善され、マーチャントがより簡単にオンラインショップを構築できるようになった。そして、テーマ開発者たちは、このような大きな動きに対応できるよう、間違いなくテーマを革新していくはずだ。
もっと詳しく知りたい方は、こちらをご覧ください:
ShopifyドーンテーマFAQ
Dawnテーマでヘッダーを透明にする:
- 上記のようにテーマのカスタマイズページに移動する。
- 左サイドバーの「ヘッダー」をクリック。
- ヘッダーの背景をコントロールする設定を探してください。"Color"、"Image"、または特定の "Transparent header "設定の下にあるかもしれません。
- 透明なヘッダーを実現するために設定を調整します。これには、背景色を透明に設定するか、スライダーを使って不透明度を調整する必要があるかもしれません。
- 変更を保存します。
注:Dawnテーマのバージョンまたはテーマに加えたカスタム修正によって、透明ヘッダーを直接設定できるかどうかが異なる場合があります。これらの手順が適用されない場合は、カスタムCSSが必要な場合があります。