ShopifyのOnline Store 2.0のテーマ機能
このページはDec 12, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/features-listをご覧ください。
ShopifyのOnline Store 2.0のテーマでは、機能が拡張され、ダイナミックなオンラインストア体験を提供できるようになりました。ShopifyのOnline Store 2.0のテーマ機能についての詳細は、この記事をご確認ください。
目次
Online Store (OS) 2.0のテーマ機能
特定の機能を利用できるかどうかは、使用するテーマによって異なります。Online Store 2.0のすべてのテーマでは、以下の機能を提供することが可能ですが、それを使用するには、該当する機能がテーマに搭載されている必要があります。
- すべてのページにおけるセクションの追加：オンラインストアのほとんどのページにおけるコンテンツをカスタマイズできます。セクションとブロックを追加、再配置、削除して、固有のページレイアウトを作成できます。
- 向上したアプリのサポート：コードに触れることなくアプリをインストールまたは変更できます。アプリブロックと埋め込みアプリを使用して、テーマのどこにでもアプリの機能を追加できます。アプリコレクションを閲覧して、オンラインストアとシームレスに統合するアプリを見つけることができます。
- 動的ソースを使用したリッチなコンテンツ：テーマの設定を動的ソースと連携することによって、テーマのどの設定にも専用の動的情報を追加できます。動的ソースには、リソース属性やメタフィールド値を使用できます。
- コレクションの絞り込み：お客様がストア内のコレクションを出品状況や価格などで絞り込むことができるようにします。
テーマのアーキテクチャのバージョンについて、詳しくはこちらをご覧ください。
ShopifyのOnline Store 2.0のテーマにおけるユーザーエクスペリエンスとカスタマイズ機能
| 機能 | 説明 |
|---|---|
| 互換性 | すべてのテーマはOnline Store 2.0と互換性があり、セクションとブロックによってページをカスタマイズできます。 |
| モバイルへの対応 | テーマにはモバイル対応のレイアウトが含まれるため、お客様はインターネットに接続しているすべてのデバイスでストアにアクセスできます。 |
| Rich product media | 商品ページに、3Dモデル、埋め込みビデオ、YouTubeの動画などのリッチメディアを追加します。 |
| バリエーション画像 | 商品バリエーションに画像を追加して、お客様が各バリエーションを表示できるようにします。たとえば、商品がシャツの場合、複数の色やサイズごとに異なる画像を表示することができます。 |
| 検索ボックス | お客様が商品を見つけ、検索結果ページで結果を表示するための検索ボックスまたはリンクを表示します。 |
ShopifyのOnline Store 2.0のテーマに含まれる、販売およびマーケティング機能
| 機能 | 説明 |
|---|---|
| ディスカウント | カートページ、チェックアウトページ、お客様の注文ページで、アイテムと注文のディスカウント額を表示します。 |
| 動的チェックアウトボタン | お客様が表示している商品をすばやく購入できるよう、動的チェックアウトボタンを追加します。動的チェックアウトボタンは、カートページと商品ページに追加できます。 |
| ニュースレターフォーム | ニュースレターの登録を追加して、お客様のメールアドレス情報を収集し、メールマーケティングのキャンペーンに使用できます。 |
| おすすめ商品 | お客様が新しいアイテムを見つられるよう、商品ページに自動生成されたおすすめ商品のリストを表示します。 |
| 販売計画またはサブスクリプション | お客様向けに販売計画とサブスクリプションを表示します。これらは、カートページおよびお客様の注文ページに追加できます。 |
ShopifyのOnline Store 2.0のテーマにおけるアクセシビリティとインクルージョン機能
| 機能 | 説明 |
|---|---|
| ウェブパフォーマンス | オンラインストアのウェブパフォーマンスのダッシュボードでは、読み込み速度、インタラクティブ性、視覚的安定性を測定できます。ウェブパフォーマンスダッシュボードについて、詳しくはこちらをご覧ください。 |
| アクセシビリティ | ストアをすべての人が使用できるように、すべてのテーマのアクセシビリティの最小スコアは90です。 |
| Shop Payの分割払い | 商品ページにShop Payの分割払いバナーを追加して、分割払いで注文の支払いが行えることをお客様に知らせます。 |
ShopifyのOnline Store 2.0のテーマにおける高度な機能特性
| 機能 | 説明 |
|---|---|
| 国と言語の選択 | お客様は、国や地域、現地通貨をストアで選択できます。 |
| ファセット検索の絞り込み | お客様に、商品の出品状況、価格、タイプ、販売元、その他のバリエーションに基づく商品の絞り込みを許可します。検索フィルターは、コレクションページと検索ページに追加できます。 |
| ギフトカード | お客様がギフトカードを購入した後に、利用説明が記載されたギフトカードページを表示します。 |
| ソーシャルメディアでの共有の画像 | SNSでストアのリンクを共有する際に、投稿にサムネイル画像を追加します。 |
| 複数レベルのメニュー | ストアのメニューにネストされたドロップダウンメニューを追加します。 |
| 選択可能な商品受取場所 | 商品ページで、お客様が商品の店舗受取の対象かどうかを表示します。 |
| 商品評価 | お客様の商品レビューがあなたのページに表示される方法をカスタマイズします。 |
| 単価設定 | 特定の数量または寸法が設定された商品の、単位あたりの価格を表示します。単価について、詳しくはこちらをご覧ください。 |
テーマ設定をカスタマイズする
テーマエディタを使用して、管理画面からテーマ設定をカスタマイズできます。テーマに希望する変更の設定が含まれていない場合は、テーマコードを編集することができます。
テーマを変更したり、新しいテーマに切り替えたりしても、アカウントの他の部分には影響しません。管理画面の他のコンテンツを気にすることなく、さまざまなテーマスタイルや設定を試すことができます。
ShopifyのOnline Store 2.0のテーマ (開発者向け)
ShopifyのOnline Store 2.0のテーマを作成したり編集したりすることに関心がある開発者は、Shopifyのテーマを構築するためのベストプラクティスをご覧ください。