Shopifyの事業者であれば、革命の準備を始めましょう! Shopify Unite 2021により、Shopify Online Store 2.0が導入され、これまで以上の柔軟性を提供しています。改訂されたインフラストラクチャ、高度なツール、革新的なテクノロジーにより、オンラインコマースのゲームが変わっています。

オンラインストアの可能性を限りなく引き出す準備はできましたか? さあ、始めましょう!

Shopifyにまだ移行していない場合は、HulkAppsのShopifyエキスパートと一緒に、柔軟なオプションでスピーディにストアを構築および維持するために、Shopifyプラットフォームに移行する時がきました。

 

なぜShopify Online Store 2.0にアップグレードする必要があるのでしょうか?

Shopifyの事業者の皆様、デジタルコマースの次の段階に備えてください!

ショッピング体験を向上させ、お客様とのユニークで魅力的な接点を築くことに取り組んでいるため、Shopify Online Store 2.0へようこそ。私たちがワクワクする未来のエッジに立っていることで、商業の領域は変革しており、それは排他的で効果的なデジタルコマースを築くことにあります。

Shopify 2.0は、柔軟性と個別化の領域を超える新しい世界を展開する準備が整っています。 Shopify Online Store 2.0の心臓部に没頭すると、画期的なインフラストラクチャの更新、最新のツール、さまざまな機能が明らかになります。

革命的なテーマアーキテクチャ: 押し出されたテーマアーキテクチャは、オンラインストアのための比類のないカスタマイズオプションを提供します。

柔軟なストアコンテンツ: ストアのコンテンツのあらゆる側面を調整し、魅力的で使いやすいものにします。

改善されたテーマエディタ: 改良されたテーマエディタは、直感的で使いやすいインターフェースを提供するため、ストアのデザインに適しています。

最新の開発者ツール: Shopify GitHubの統合や更新されたShopify CLIツールなど、新しい開発者ツールにより、テーマの変更をシームレスに行うことができます。

新しいリファレンステーマ: フレキシブルさとシンプルさを組み合わせた新しいリファレンステーマ「Dawn」に会いましょう。

  • アップグレードされたテーマアーキテクチャ

Shopify Online Store 2.0では、「Everywhere」セクションという強化されたテーマアーキテクチャが導入されました。以前のバージョンではホームページにのみセクションを追加できましたが、今ではどのページにもセクションを追加できます。これにより、各ページを完璧に必要に応じてカスタマイズし、お客様により個人的で魅力的な体験を提供できます。

  • 柔軟なストアのコンテンツ

Shopify Online Store 2.0を使用すると、オンラインストアのコンテンツの管理が簡単になります。メタフィールドの改良により、APIやコードを使用せずに製品、コレクション、お客様などのオブジェクトに追加のカスタム情報を追加できます。サイズチャートや成分リストなどの製品ページに必要なコンテンツを簡単に追加できます。

Shopify 2.0メタフィールドとCLIがShopify Online Store 2.0でゲームチェンジャーである理由については、Shopify Online Store 2.0をご覧ください。

  • テーマエディタの改善

の更新されたテーマエディタは、コンテンツのツリービューをサイドバーに表示し、コンテンツブロックを簡単に管理し、ページの階層を更新できるようになりました。これにより、ビジュアルに魅力的でナビゲーションしやすいオンラインストアの構築がこれまで以上に簡単になりました。

  • 新しい開発者ツール

Shopify 2.0では、テーマの変更を効率化するための新しいツールが提供されます。GitHubとの統合、更新されたShopify CLIツールにより、バージョン管理を管理し、開発プロセスを効率化できます。さらに、新しいテーマチェックツールを使用して、テーマコードの問題を特定し、お客様にとってスムーズでシームレスなユーザーエクスペリエンスを提供できます。

  • 新しいリファレンステーマ

Shopify Online Store 2.0では、Dawnという新しいリファレンステーマが導入されます。 HTMLとCSSを使用して意味論的なマークアップで作成されたソース公開可能なテーマで、オンラインストアを簡単にカスタマイズしてブランドとビジネスのニーズに合わせることができます。

これらが、Shopify Online Store 2.0の主な機能です。競合とは異なる、ユニークで使いやすいオンラインストアを作成し、ユーザーフレンドリーな体験を提供するお手伝いをします。ショッピングエクスペリエンスを向上させたい販売者、ワークフローを効率化したい開発者に向けたShopify Online Store 2.0は、あらゆる場面で対応しています。

ShopifyとShopify Online Store 2.0テーマの違い

機能 Shopify Shopify Online Store 2.0
デフォルトテーマ

 

Shopify - Shopify Debutテーマ

 

 

Shopify - Shopify Dawnテーマ

 

言語設定

Shopify - Shopify Liquid 

Shopify - Shopify JSON

デフォルトセクション

ホームページのみに適用

Shopify - Shopifyホームページ

 

すべてのページで利用可能

Shopify - Shopifyテーマのどこでも

 

Shopifyアプリのアセット Shopifyの開発者が自分でホストする必要があります Shopify CDNがテーマアプリ拡張機能を介して提出されたすべてのアセットをホストします
アプリの統合ロジック すべてのShopify Vintageテーマに対して統合ロジックを作成する必要があります アプリブロックを介した開発者向けのテーマアプリ拡張機能
メタフィールド
コーディング テーマにメタフィールドをハードコードするか、製品ページの変更にAPIを使用する必要があります。 動的ソースを使用して、標準メタフィールドと既知のリソースプロパティを設定のデフォルト値として挿入できます。
ファイルピッカーオプション カラー、データと時刻、ファイル、JSON、測定、数値、評価、参照、テキスト 真か偽、URL  + 画像、PDFファイル
    メタフィールドアクセス 作成し、Admin APIを介してホワイトリスト設定でき、Storefront APIを介してすべてのメタフィールドを取得できます。 開発者は、Settings/Filesの内容にアクセスできます。
    テーマエディタ
    更新されたテーマエディタ ページの階層を更新するには、さまざまなセクションにドリルダウンする必要があります。 ページの階層を簡単に更新できます。エディタはサイドバーにページのすべてのコンテンツのツリービューを表示します。
    liquid入力設定 - エディタから直接ページにカスタムLiquidコードを追加できます。
    開発者ツール
    開発ツール テーマエディタ Shopify CLI
    バージョン管理 - Shopify GitHubの統合
    テーマパフォーマンス Chrome用のShopifyテーマチェックとShopifyテーマインスペクタ + Lighthouse CI GitHubアクション
    テーマコードの問題の特定 テーマチェックの改良
    Shopify Online Store 2.0の始め方に関する詳細な情報(要件など)については、ステップバイステップのShopify 2.0の移行手順記事をご覧ください。

    Shopify DawnテーマのUI/UXがShopify Vintageテーマよりも優れている理由を学ぶ

    パーフェクトなストアを作成する際に、サイトのデザインは重要な役割を果たします。 Shopify Vintageテーマはクッキーカッタースタイルを超えることができますが、テーマの機能には制約がある場合もあります。

    Shopify Dawnテーマは、サイトの各ページや要素のレイアウトをより細かく制御できるように設計および開発されており、新しいウェブとUXの基準を満たすだけでなく、完璧なストアを構築するための適切なバランスを見つけるのに役立ちます。

    以下では、Shopify DebutテーマとDawn Shopifyテーマの主な違いを見てみましょう。新しいShopify Online Store 2.0リファレンステーマであるDawnの完全な利点については、私たちのShopify Dawnテーマのレビューブログで詳しく説明しています。

    Debut vs Dawn
    固定オプション 固定カラムなし 製品ページは大画面でデュアルスクロール体験ができます。
    カラーコード フレームワークなし、タイトル、ボタン、フォームなど カラー構造のフレームワークが利用可能です
    スライドショー 利用可能 複数の画像、テキスト、アクションの一般的なパターンを許容するセクションに置き換えられました。
    ヘッダー/ロゴ 柔軟性が制限され、ヘッダーがナビゲーションと衝突するとバーガーアイコンに折り返されます。 固定オプションで柔軟性があり、ヘッダーは衝突を検出せず、代わりに三行で折り返されます。
    画像のクロッピング セクションをカスタマイズして、画像がコンテナ内で切り取られる場合があります。 画像の整合性は、画像を切り取ったり、コンテンツをオーバーレイしたりすることがほとんどない設計原則です。

     

    ShopifyとShopify 2.0について学ぶことで、Shopifyオンラインストア2.0が将来のコマースを簡単にする方法を理解できますが、以下に販売者と開発者向けのいくつかの利点をリストアップしています。 Shopify 2.0のテーマを使用したり、Shopify 2.0のテーマアーキテクチャを詳しく学ぶこともできます

    販売者向けのShopify Online Store 2.0のメリット:

     

    Shopify - Shopify Online Store 2.0 - Merchants

     

    • すべてのテンプレートにカスタマイズ可能なセクション: オンラインストアのすべてのページを個別にカスタマイズできます。

    • 簡単なメタフィールドの追加:ダイナミックリソースを使用して、メタフィールドを簡単に効率的に追加できます。

    • チェックアウトの変更:チェックアウトプロセスをより細かく制御し、お客様の購入体験を向上させます。

    • 柔軟なアプリセクション:アプリセクションをより柔軟でシンプルにストアに追加できます。

     

    Shopify Online Store 2.0の開発者向けのメリット:

    • 新しい開発者ツールセット:ワークフローを効率化するために設計された新しいツールのスイートとの連携

    • 改善されたアプリの統合オプション:アプリを効率的にストアに統合できるようになりました

    • 開発の拡張:更新されたテーマ環境を備えたスムーズな開発プロセスを楽しめます。

     

    Shopify - Shopify Online Store 2.0 - Shopify Developers

     

     

    販売者と開発者向けの詳細については、当社のShopify 2.0のメリットに関する詳細なブログをご覧ください。

    Shopify - Shopify 2.0

    まとめ

    Shopify Online Store 2.0は、eコマースの世界をゲームチェンジする存在です。単なるアップグレードではなく、オンラインストアの新しい形を再構築しています。テーマアーキテクチャを始めとする最初からの改良点から、ストアコンテンツの柔軟で直感的なハンドリングまで、アップグレードされたShopifyプラットフォームは、販売者と開発者の両方に未曾有の力を提供しています。

    テーマエディタ、先進的な開発者ツール、新しいリファレンステーマDawnの導入により、Shopifyは多様なビジネスのニーズに対応できる頑丈で使いやすいプラットフォームを提供し続けることにコミットしています。

    Shopify Online Store 2.0は、小規模ビジネスオーナーやベテランの開発者が、これまでにないツールと柔軟性を提供し、電子商取引の景色をよりよくし、競争の激しい市場で際立ったショッピング体験を向上させます。

    では、あなたのeコマース体験を革新し、オンラインストアを新たな高みに導く準備はできていますか? Shopify Online Store 2.0は、それを実現するためのものです。既存のストアとそのカスタマイズを移行するか、新しいDawnテーマで新たに始めるかに関わらず、私たちのHulkApps Shopifyチームがお手伝いします。皆さんと一緒に、より良い商取引を構築しましょう。

    Shopify Online Store 2.0に関するよくある質問:

    1. Shopify Online Store 2.0とは何ですか?
    Shopify Online Store 2.0は、商取引のオンラインストアを管理するためのコントロールと柔軟性を提供するアップグレードされたeコマースプラットフォームです。

    2. ShopifyとShopify Online Store 2.0の主な違いは何ですか?
    主な違いは、任意のページのカスタマイズ可能なセクション、改良されたコンテンツ管理、アップグレードされたテーマエディタ、高度な開発者ツール、Dawnという新しいデフォルトテーマです。

    3. 現在のShopifyストアからShopify Online Store 2.0に移行するにはどうすればよいですか?
    移行には、現在のストアのバックアップ、新しいテーマのインストールとカスタマイズ、テスト、そして公開が含まれます。HulkAppsのようなShopifyエキスパートからのサポートがおすすめです。

    4. Shopify Online Store 2.0の新しいDawnテーマの利点は何ですか?
    Dawnテーマでは、幅広いカスタマイズが可能であり、色付きのフレームワーク、強化された画像の整合性、柔軟なヘッダー/ロゴの配置など、モダンな機能が提供されます。

    5. Shopify Online Store 2.0を使用するためにコーディングの知識が必要ですか?
    基本的な操作にはShopify Online Store 2.0にコーディングスキルは必要ありません。高度なカスタマイズや開発者ツールを使用する場合は、一部のコーディングの理解が役立つ場合があります。

    オンラインストア2.0にアップグレード