テーマのアーキテクチャバージョンとソース
テーマのアーキテクチャバージョンと開発元によって、オンラインストアで利用できる機能やカスタマイズ、およびテーマのサポートの入手先が決まります。
テーマの開発元とバージョンは、テーマエディタで確認できます。
テーマのソース
ストアに追加できるすべてのテーマは、Shopify または外部の開発者によって開発されています。テーマは、以下のいずれかのソースから入手できます。
- Shopify Theme Storeでは、Shopifyが作成した無料テーマと、外部のテーマ開発者が作成した有料テーマの両方を提供しています。
- Shopifyと互換性のあるテーマは、Shopify Theme Storeの外部からも入手できる場合があります。これには、カスタムビルドされたテーマや、サポートされていない外部サイトのテーマが含まれます。Shopify Theme Store以外のサイトからテーマをインストールしないことを強く推奨します。Shopify Theme Storeの外部で入手したテーマは、品質やShopifyのコア機能との互換性が審査されておらず、オンラインストアで予期しない動作を引き起こす可能性があります。
テーマアーキテクチャのバージョン
テーマのアーキテクチャバージョンによって、そのテーマで利用できる機能が決まります。テーマアーキテクチャとは、テーマ内のファイルのテーマ構造を指します。Shopifyが作成したすべてのテーマ、およびShopify Theme Storeで入手できるすべての外部サービスの有料テーマには、以下のいずれかのアーキテクチャタイプが採用されています。
- ビンテージテーマは、元のテーマアーキテクチャを使用するテーマです。ビンテージテーマには、セクション化されているテーマと、セクション化されていないテーマがあります。ビンテージテーマは、Shopify Theme Storeでは入手できません。Shopifyの無料のビンテージテーマには、セキュリティ修正以外の更新は提供されません。
- Online Store 2.0 テーマは、すべてのページでセクションをサポートし、動的ソースもサポートするテーマです。
- Horizonファミリーのテーマなど、テーマブロックをサポートするテーマは、最新のテーマアーキテクチャバージョンです。これらのテーマは、Online Store 2.0テーマで利用できるすべての機能に加えて、テーマブロックによる高度なカスタマイズ機能をサポートしています。
テーマのアーキテクチャのバージョンは、下書きテーマ内の各テーマに固有です。下書きテーマには、異なるアーキテクチャのバージョンのテーマを同時に保持できます。
テーマのバージョン番号
すべてのテーマには 1.0 などのバージョン番号があり、テーマライブラリーに表示されます。テーマのバージョン番号は、Theme Store で利用可能な同じテーマの最新バージョンと比較したそのテーマのバージョンを表します。テーマのバージョンの違いについて詳しくは、テーマの更新のリリースノートを確認してください。
テーマアーキテクチャバージョンの機能
テーマのアーキテクチャバージョンによって、テーマで利用できる全体的な機能が決まります。特定の機能が利用できるかどうかは、使用するテーマによって異なります。
各テーマで利用できる特定の設定は、テーマ自体によって異なります。特定のテーマで利用できるカスタマイズオプションを調べるには、テーマエディタを使用します。
現在のテーマのアーキテクチャバージョンで利用できない機能が必要な場合は、その機能をサポートするShopify Theme Storeの新しいテーマに変更し、現在のテーマを置き換える前にカスタマイズすることができます。詳しくは、「テーマの追加と切り替え」をご覧ください。
| 機能 | ビンテージ | OS 2.0 | テーマブロック |
|---|---|---|---|
| ホームページ上のセクション オンラインストアのホームページのコンテンツをカスタマイズします。セクションの追加、並べ替え、削除を行って、ページのレイアウトを作成します。 | ✔ | ✔ | ✔ |
| すべてのページのセクション オンラインストアのほとんどのページのコンテンツをカスタマイズします。セクションやブロックの追加、並べ替え、削除を行って、独自のページレイアウトを作成します。すべてのページにセクションがあるテーマは、JSONテンプレートで構築されています。 | ✘ | ✔ | ✔ |
| テンプレートの作成 テーマエディタからテーマの新しいテンプレートを作成します。 | ✘ | ✔ | ✔ |
| アプリサポートの強化 コードを編集することなくアプリをインストールまたは変更できます。アプリブロックとアプリ埋め込みを使用して、テーマのどこにでもアプリの機能を追加できます。 | ✘ | ✔ | ✔ |
| 動的ソースを使用したよりリッチなコンテンツ 設定を動的ソースに連携させることで、動的で特殊な情報をテーマの任意の設定に追加できます。動的ソースには、リソースの属性またはメタフィールド値を使用できます。 | ✘ | ✔ | ✔ |
| コレクションの絞り込み お客様が、出品状況、価格などによってストア内のコレクションを絞り込めるようにします。 | ✘ | ✔ | ✔ |
| 予測検索 予測検索では、入力中に検索結果の候補が表示されます。 | ✘ | ✔ | ✔ |
| Planetアプリ カスタマイズ可能なPlanetバッジとマーケティングアセットをオンラインストアに追加して、カーボンニュートラルな配送への取り組みをアピールできます。 | ✘ | ✔ | ✔ |
| テーマブロック テーマブロックを使用して、セクションとブロックを高度にカスタマイズできます。 | ✘ | ✘ | ✔ |
テーマアーキテクチャバージョンを確認する
以下のような場合、テーマで使用されているテーマアーキテクチャバージョンを確認する必要がある場合があります。
- アプリまたはアプリの機能がテーマに対応しているかどうかを判断しようとしている場合
- 一部のテーマアーキテクチャバージョンでのみ利用できる機能のいずれかを使用したい場合
- テーマブロックに対応しているテーマでのみ利用できる機能のいずれかを使用したい場合
- 特定のカスタマイズチュートリアルがテーマに適用されるかどうかを確認したい場合
手順：
デスクトップ
管理画面から、[オンラインストア] > [テーマ] の順に移動します。
編集するテーマを見つけ、[テーマを編集する] をクリックします。
[商品] > [デフォルトの商品] を選択します。これにより、デフォルトの商品テンプレートが開きます。
商品テンプレートのセクションの下にあるサイドバーを確認します。すべてのページでセクションに対応しているテーマを使用している場合、セクションリストの下に[セクションを追加] ボタンが表示されます。
[セクションを追加] ボタンが表示されない場合は、ビンテージのセクション化されたテーマか、ビンテージのセクション化されていないテーマを使用している可能性があります。ビンテージテーマのアーキテクチャバージョンを確認するの手順に従って、テーマで使用しているビンテージアーキテクチャのバージョンを確認してください。
モバイル
Shopify アプリから、
アイコンをタップします。[販売チャネル] セクションで、[オンラインストア] をタップします。
[テーマの管理] をタップします。
編集するテーマを見つけて、[テーマを編集] をタップします。
[テンプレート] をタップします。
[商品] > [デフォルトの商品] を選択します。これにより、デフォルトの商品テンプレートが開きます。
商品テンプレートのセクションの下にあるサイドバーを確認します。すべてのページでセクションに対応しているテーマを使用している場合、セクションリストの下に[セクションを追加] ボタンが表示されます。
[セクションを追加] ボタンが表示されない場合は、ビンテージのセクション化されたテーマか、ビンテージのセクション化されていないテーマを使用している可能性があります。ビンテージテーマのアーキテクチャバージョンを確認するの手順に従って、テーマで使用しているビンテージアーキテクチャのバージョンを確認してください。
限定的なケースですが、テーマの一部の機能が他の機能に対応していない場合があります。たとえば、商品テンプレートではセクションの追加と削除に対応していても、コレクションテンプレートでは対応していない、という場合があります。これは、一部の機能では JSON テンプレート が機能する必要があるためです。テーマを部分的に移行した場合や、Shopify Theme Store の外部でテーマを入手してテーマ開発者がすべてのページに JSON テンプレートを含めなかった場合、すべてのページで JSON テンプレートが利用できるとは限りません。
旧式テーマアーキテクチャのバージョンを特定する
旧式のテーマを使用していることがわかったら、セクション対応のテーマとセクション非対応のテーマのどちらを使用しているかも確認する必要があります。これによって、お使いのテーマで利用できるカスタマイズや、テーマのカスタマイズに関するチュートリアルで参照すべき一連の手順を把握できます。
テーマエディタでテーマのアーキテクチャのバージョンを判断する方法の1つは、ドラッグ&ドロップでホームページのレイアウトを配置できるかどうかを確認することです。要素をドラッグ&ドロップできる場合は、セクション対応のテーマを使用しています。
使用しているバージョンを確認するには、テーマコード内の「Sections」フォルダーを確認します。
手順：
デスクトップ
管理画面から、[オンラインストア] > [テーマ] の順に移動します。
編集するテーマを見つけ、
ボタンをクリックしてアクションメニューを開き、コードを編集をクリックします。サイドバーでフォルダー構造を確認します。
- 「Sections」ディレクトリにファイルがある場合は、セクション対応のテーマを使用しています。
- 「Sections」ディレクトリにファイルがない場合は、セクション非対応のテーマを使用しています。
モバイル
Shopify アプリから、
アイコンをタップします。[販売チャネル] セクションで、[オンラインストア] をタップします。
[すべてのテーマを管理する] をタップします。
編集するテーマを見つけ、
ボタンをタップしてアクションメニューを開き、コードを編集をタップします。サイドバーでフォルダー構造を確認します。
- 「Sections」ディレクトリにファイルがある場合は、セクション対応のテーマを使用しています。
- 「Sections」ディレクトリにファイルがない場合は、セクション非対応のテーマを使用しています。