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