過去最大のアップデートの1つ,オンラインストア2.0がShopify团结。
欧宝体育官网入口首页网上商店2.0Shopify。わたしたちはオンラインストア体験をゼロから再構築し,一連の開発者ツールを提供することで,みなさんがマーチャントやショッピングを楽しむ人々のために素晴らしい体験を生み出すことを支援します。
今回の記事では,新しいツールや機能を紹介し,それらがあなたの仕事に与える影響や可能性について見ていきます。网上商店2.0欧宝体育官网入口首页の基準にアップデートするための要件> > > > > > > > >
(1)、(2)、(3)、(3)、(3)。
目次
1.アップグレードされたテーマアーキテクチャ
オンラインストア向けのテーマアーキテクチャをアップグレードし,より柔軟で簡単なカスタマイズオプションをマーチャントに提供できるようにしました。マーチャントが自分のニーズに合わせてカスタマイズできるテーマや統合機能を開発者が作成する新たな機会が広がります。
每页都有章节
今まで,マーチャントが自分たちのビジネスをShopify★★★★★★★★★★セクションの柔軟性がホームページに限定されていたからです。ほかのページで同じ効果を得ようと思ったら、コード編集、ブロックによる複雑な回避策、またはカスタムアプリが必要でした。
。今後,マーチャントはホームページだけではなくすべてのページにセクションを追加でき,ストアを全方位でパーソナライズすることが可能となります。
各ページのセクションの仕組み
こうした変更は,ストアフロントがテンプレートをレンダリングする方法に新たなアプローチを導入したことで達成されています。それぞれのページタイプはJSON。。ストアは,さまざまな商品,コレクションページ,カスタムページ,ブログ投稿などをマップする複数のテンプレートをもつことができ,マーチャントは多様な商品,コレクション,そのほかのページを簡単に同じストアで作成可能です。
通情达理JSONテンプレートファイルにおいて,テーマが最初にインストールされたとき,どのセクションをデフォルトで表示させるか,そしてどの順序で表示させるかを定義できます。JSONテンプレートが追加されると,マーチャントはテーマエディターでプリセットを含んだ任意のセクションを追加できます。。
★★★★★★★GitHubリポジトリにある新しいテーマ黎明の/模板中文:中文:中文:JSONテンプレートについての開発者ドキュメント(中文)。
。
主题应用程序扩展
。。開発者は既存テーマごとに統合ロジックを構築してアセットのホストまでやることになるので、すべてのテーマでつねに作動して世界のどこでも高速で動くような機能の構築がむずかしくなっています。
中文:中文:主题应用程序扩展(中文)?アプリブロックを介してアプリをマーチャントのテーマに組み込むことが可能になります。
アップデートされたテーマエディターの商品ページに追加されたアプリブロック
ビルトインのモジュール
。アプリ開発者は、テーマのコードをいじらなくてもテーマエディターで追加、削除、設定を直接おこなえる用户界面。。
主题应用程序扩展，Shopify CLI。
。啊哈，アプリをインストールするために手動でテーマコードを開く必要がないため、互換性に関わる変更が実施されることを心配しなくて済みます。ユーザーのトラブルシューティングにかかる時間も短縮されることになります。
，主题API(中文资产API(中文)マーチャントがどのタイプのテーマを使っているかを把握することは,アプリをテーマに統合するときのベストなオンボーディング体験をマーチャントに提供する際に役立ちます。
【翻译
Shopify CDNによる高速なホスティングのために,アプリのサポートアセットを主题应用扩展に追加して,それらのアセットをテーマ拡張機能のアプリブロックから参照することも簡単にできます。
テーマ拡張機能に含まれるアプリブロックの例
在线商店2.0欧宝体育官网入口首页とアプリの互換性を維持する方法については,ドキュメントの移行情報(中文)。
2.フレキシブルなストアコンテンツ
欧宝体育官网入口首页在线商店2.0を利用することで,開発者はテーマにメタフィールドをハードコーディングしたり,商品ページへの変更のためにAPI。テーマ開発者はダイナミックソースを使って標準のメタフィールドや一般的なリソースプロパティをデフォルト設定としてインサートできるようになりました。
メタフィールドの改良
アップデートされたテーマエディターによって,マーチャントはAPIやコードを使わずにメタフィールド(中文)。つまり,マーチャントはサイズチャートや成分表などの必要なコンテンツを正確に商品ページに追加できるのです。。
【中文翻译】3.。
- 你知道吗?コマースデータを継続的に個別化していくことが可能な柔軟なタイプシステムがメタフィールドに備わりました。
- 【翻译】:。。
- プレゼンテーションヒント:。店面APIと液体ユーザーがマーチャントの意図通りにマーチャントのデータをレンダリングすることが,かなり少ないカスタムコードで可能になります。
我的意思是，我的意思是，ドキュメント(中文)。
文件选择器
メタフィールドが画像やPDF。アセットをテーマにハードコーディングするかわりに,メタフィールドのファイルピッカーによってメディアの選択と商品ページへのアップロードが簡単にできます。/。
たとえば,マーチャントが商品保証書やサイズチャートを商品ページでダウンロードできるようにしたいと思ったら,ファイルピッカーのシンプルな用户体验でファイルを簡単に選択でき,テーマ内のファイルのメタフィールドが置かれている場所にインサートできます。
文件API
文件API/。このGraphQL APIによって,アプリは/。メディアのメタフィールドにコンテンツを入力するなど,アプリは管理。
これにより,テーマに使われている画像など,商品に直接紐付いていない画像やファイルをアプリが利用するという機会が開かれます。文件API:ドキュメント(中文)。
3.テーマエディターの機能強化
マーチャントがこれらの改良やアップデートを容易に利用できるようにするため,テーマエディターの本質的な機能が向上しました。
異なるセクションを探索しなくて済むように,エディターのサイドバーにページ内のすべてのコンテンツがツリー状に表示されます。。ただしヘッダーとフッターは例外です(削除や移動が可能なブロックを含めることはできますが,ヘッダーとフッター自体は非表示にできません)。。
稼働中の新しいテーマエディター
液态的? ?
マーチャントがエディターから直接,カスタム液体コードをページに追加できる新たな液体。液体【翻译】超文本标记语言★★★★★★液体。つまりマーチャントは,グローバルまたはテンプレート指定の液体。
★★★★★★★★★液体を使用するアプリのコードを追加する場合などに,テーマのコードをマーチャントが手動で変更する必要性が低くなります。この設定をセクションやブロックに追加する方法は開発者ドキュメント(中文)、(中文)、(英文新しいテーマである黎明のcustom-liquidセクション。
在线商店2.0欧宝体育官网入口首页。。
4.新しい開発者ツール
欧宝体育官网入口首页网上商店2.0Shopifyマーチャントのためにアプリやテーマを構築するにあたり,まったく新しい方法を導入します。# # # # # # # # # # # # # #Shopifyとシームレスに統合できて,テーマの開発やテスト,デプロイのプロセスをアシストする一連の新しい開発者ツール这就是我的梦想。
ShopifyとGitHubの統合機能,アップデートされたShopify CLI。バージョン管理とローカル開発のためのサンドボックス環境,そしてShopify。
全英文，全英文，全英文，全英文。
Shopify Github
中文:GitHub。GitHubのユーザーまたは組織アカウントとオンラインストアを連携することで,変更はGitHub。
テーマのGitHub統合機能にバージョン管理のネイティブサポートが導入されることで,開発者はテーマ編集のコラボレーションを安全に実行できます。マーチャントストアで作業していて,ライブのテーマを実装する前にテーマ変更のレビューとマージがGitHub。
テーマチェックの実行やSCSSのCSSへのコンパイルなど,オンラインストアをデプロイする前にリント,テスト,ファイル変換のためにCI【中文】:GitHub統合機能はGit。通俗地说ドキュメント(中文)。啊哈，GitHub。
Shopify CLI
你知道吗?Shopify CLIツール★★★★★★★★★★★★★(1)、(1)、(2)、(3node . jsとRuby on Railsアプリおよびアプリ拡張機能を生成するためにCLI。
Shopify CLI★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
- 開発テーマ内での安全な開発,プレビュー,テーマ変更のテスト
- ★★★★★★★★★★★★★★★★CSSと液体セクション変更のホットリロード
- 新テーマである黎明をスタートポイントとして利用する新規テーマプロジェクトのイニシャライズ
- コマンドラインからのテーマのプッシュと公開
- テーマに対するテーマチェック通灵
- 中文:
開発テーマ
開発テーマは一時的な非表示のテーマで,開発に使用しているShopify。Shopify主题服务> > >Shopify CLI。以降Shopify主题服务。。★★★★★管理/主题。
開発テーマはテーマ制限数にはカウントされず,7整整一个月的时间。啊哈，shopify-logoutを実行すると破棄されるので,ログアウト時に破棄されないプレビューリンクが欲しいときは,ストアにプッシュする必要があります。
開発テーマは,ローカルで開発中のテーマの変更をリアルタイムで確認するために利用したり,テーマエディターで操作やカスタマイズしたりできます。
★★★★★★★★★★★★★★★★★★★★欧宝体育官网入口首页★★★★★★★★★★() () () () () () () ()
テーマチェック
テーマチェックは液体とJSONのための言語サーバーで,テーマをスキャンしてエラーを探し,Shopifyテーマと液体。Visual Studio代码，液体の構文エラーやテンプレートの欠落,パフォーマンス上の問題など,テーマコード内のさまざまなタイプのイシューを特定します。
テーマのデバグを素早くおこなえるように,エラーメッセージには失敗したチェックのドキュメントへのリンクが含まれます。またテーマチェックはShopify CLI。テーマをテストする際のテーマチェックのインストール方法と使用方法については、開発者ドキュメント(中文)。
。
5.汉译英
欧宝体育官网入口首页在线商店2.0のローンチにともない,上述した機能と一体化するまったく新しいデフォルトテーマもローンチします。……黎明啊哈!
黎明はShopify★★★★★★★★★★OS2.0。ポリフィルや外部ライブラリに頼るのではなく,セマンティックな超文本标记语言とCSS。複雑性を最小限におさえながら,柔軟性を最大化できるように設計されているため,わたしたちのデザインシステムに合致したまま,マーチャントが彼らのビジネスに必要と考える変更を実施する自由が残されます。
黎明★★★★★★★★★★★★★★★★★★★★★★★★黎明はとにかく高速で,現在マーチャントの半数以上が使用しているテーマである首次亮相∕∕∕∕35%。
![黎明]()
Shopify，黎明
黎明★★★★★★★JSONテンプレートを保有しているため,あなたが独自のテーマでセクション機能を使い始める際のモデルとして利用することもできます。【翻译】首次亮相。
黎明★★★★Shopify UX(中文):。
【中文译文
哎，哎，哎黎明★★★★★★★★★★★★★★★这是我的梦想JavaScriptのみというアプローチ。なぜなら,スピードを今まで以上に優先し,マーチャントのストアが素早く読み込まれる可能性を上げる基盤を提供しようとしたからです。
好吧!JavaScriptによる構築が,マーチャントとバイヤーのユーザーエクスペリエンスに妥協を求めるものではないとわたしたちは理解していました。ケースによっては,一番パフォーマンス性の高い選択とはいえない場合でもJavaScript。★★★★★★★★★★★★JavaScript。
★★★★★★★超文本标记语言とCSS。
6.Shopify
欧宝体育官网入口首页网上商店2.0Shopifyテーマストアが2021年7月15。新しいテーマをレビューのために提出することが可能となり、承認されたテーマが新規で公開されます。
★★★★★9? ? ?Shopifyテーマストアの年間収益One hundred.。One hundred.万ドル(美元);0%。One hundred.万ドルを超えた場合には,以降の売上に対して15%【中文翻译】
Shopifyテーマストアへの提出にあたって,アカウントごとに99ドルのワンタイム提出料が発生し,すべてのトランザクションには2.9% %的人。この点についてはまもなく詳細な情報をアップデートします。
★★★★のマーチャントがShopify。。Shopifyテーマストアは2018年以降クローズしていましたので,早いうちに動き出してテーマ開発者としての信頼を築く良い機会が到来しています。
Shopifyテーマストアにテーマを提出する際には,更新されたガイドライン(中文)。Shopifyパートナーアカウントをまだお持ちでない場合は,以下のフォームで登録すれば,すぐに最初のテーマ開発を始められます。
Shopify
マーケティング,カスタマイズ,またはWebデザインや開発など提供するサービスに関係なく,Shopifyパートナープログラムはあなたを成功へと導きます。プログラムの参加は無料で,収益分配の機会が得られ,ビジネスを成長させる豊富なツールにアクセスできます。!
7.テーマとアプリをアップデートするには
在线商店2.0欧宝体育官网入口首页★★★★★★★★★★★★★★★★★★★★★何よりマーチャントはOS2.0★★★★★★★★★
【翻译】Shopify，Shopify。
テーマをOS2.0这是一个很好的例子(中文)OS2.0草皮草皮草皮主题应用程序扩展(中文)，。
更新されたドキュメント
あなたのテーマとアプリの更新をサポートするために,オンラインストア用の開発者ドキュメントを作り直しました。。
- 開発者向けのテーマ関連ワークフローとプロセスのハウツー集
- セマンティックなウェブのベストプラクティスを含めたコマースコンポーネントのベストプラクティス
- アプリをレガシーテーマで機能させる方法など,新しいオンラインストアとアプリの統合方法
新しいドキュメント(中文)。マンスリーニュースレターに登録して,Shopify。
【中文翻译
Shopifyの最新プロダクトニュースをお届けするマンスリーメールを購読哎，哎，哎。
コマースの未来を築き上げる
欧宝体育官网入口首页网上商店2.0Shopify。すべてのページのセクション,アプリで動かせるブロック,柔軟なデータストレージ,磐石の開発者ツールなどによって,Shopify。アプリ開発者に拡張性がもたらされたことで、マーチャント向けの統合機能を構築する機会が増え、オンラインストアで直接あなたのソリューションを公開しやすくなります。
これらのアップデートをうまく活用するためにテーマを更新(中文)主题应用程序扩展(中文)，。
参考译文:阿米莉亚·加维
よくある質問
欧宝体育官网入口首页在线商店2.0 ?
マーチャントはホームページだけではなくすべてのページにセクションを追加でき,ストアを全方位でパーソナライズすることが可能となります。
こうした変更は,ストアフロントがテンプレートをレンダリングする方法に新たなアプローチを導入したことで達成されています。
?
- より柔軟に:コマースデータを継続的に個別化していくことが可能な柔軟なタイプシステムがメタフィールドに備わりました。
- 標準メタフィールド中文:中文:中文:。
- プレゼンテーションヒント:メタフィールドにプレゼンテーションヒントを追加できます。店面APIと液体ユーザーがマーチャントの意図通りにマーチャントのデータをレンダリングすることが,かなり少ないカスタムコードで可能になります。
? ? ? ? ?
Shopify Github
新たなGitHub統合機能が導入され,テーマ開発とメンテナンスが追跡と管理の面でさらに楽になります。GitHubのユーザーまたは組織アカウントとオンラインストアを連携することで、変更はGitHubリポジトリに対してプッシュもプルもされるため、選択したテーマの現状のステートとつねに同期します。
Shopify CLI
Shopify CLI。
- 開発テーマ内での安全な開発,プレビュー,テーマ変更のテスト
- CSS, CSS, CSS，液态的，液态的，液态的，液态的
- 新テーマである黎明をスタートポイントとして利用する新規テーマプロジェクトのイニシャライズ
- コマンドラインからのテーマのプッシュと公開
- テーマに対するテーマチェックの実行
- 中文:
開発テーマは一時的な非表示のテーマで,開発に使用しているShopifyストアに紐付いています。Shopify主题服务> > >商店ify CLIが自動で開発テーマをストア内に作成します。
黎明?
黎明，。★★★★黎明はとにかく高速で、現在マーチャントの半数以上が使用しているテーマであるDebutと比べて35%速い読み込みが実現しています。
