テーマエディターでのメタオブジェクトの接続（OS 3.0 テーマのみ）
メタオブジェクトは、ストアレベルの再利用可能なデータ履歴であり、ストアの任意のページのパーツに接続できるため、サイズガイド、成分ライブラリ、ケア指示など、多くの商品で共有されるコンテンツに最適です。商品やカテゴリのメタフィールドとは異なり、メタオブジェクトは特定のページに紐づいていません。また、メタオブジェクト定義専用のテンプレートページを作成し、個別のエントリを独立したストアフロントページとして公開し、それぞれに独自のSEO設定を適用することもできます。
このガイドでは、OS 3.0 テーマエディターでメタオブジェクトのエントリをパーツに接続する方法、ネストされたメタオブジェクト参照の使用、実際のストアシナリオでのメタオブジェクトの適用、メタオブジェクトテンプレートページの作成と管理、メタオブジェクトのエントリをページとして公開する方法について説明します。
|
注意事項：
|
OS 3.0でメタオブジェクトを接続するための前提条件
開始する前に：
- ストアはOS 3.0テーマを使用している必要があります。メタオブジェクトの動的ソースはOS 3.0専用の機能です。
- 管理画面でメタオブジェクト定義を作成し、少なくとも1つのエントリを追加している必要があります。まだの場合は、「メタオブジェクトでストアコンテンツをカスタマイズする」を参照してから、以下の手順に従ってください。
ストアレベルの動的ソースとしてのメタオブジェクトの理解
メタオブジェクトは、管理画面で作成および管理する独立した再利用可能なデータ履歴です。メタオブジェクトは特定の商品やページに紐づいていないストアレベルに存在するため、ストアの任意のページの動的ソースをサポートするパーツにそのデータを取り込むことができます。
これにより、メタオブジェクトは多くの商品やページで共有されるコンテンツに特に有用です。例えば：
- 全衣料品ラインで使用されるサイズガイド
- 美容カタログ全体で参照される成分ライブラリ
- 同じ家具カテゴリ内のすべての商品で共有されるデザイナープロフィール
メタオブジェクトのエントリをテーマエディターのパーツに接続する
メタオブジェクト定義を作成し、管理画面でエントリを追加したら、以下の手順でテーマエディターのパーツにメタオブジェクトのフィールドをバインドします。
メタオブジェクトを接続するには：
- テーマエディターで、バインドしたいブロックをクリックします（例：リッチテキストセクション）。
- コンテンツ入力フィールドの横にある動的ソースを追加アイコンをクリックします。
- 動的ソースパネルで、メタオブジェクトを選択します。
- 最初のリストから、メタオブジェクトタイプ（定義名、例：「Ingredient」や「サイズ表」）を選択します。
- 2番目のリストから、表示したい特定のエントリーを選択します（例：「ナイアシンアミド」や「女性用トップス」）。
- 3番目のリストから、表示したいフィールドの値を選択します（例：「特典」や「計測表」）。保存をクリックしてバインドを確定します。
高度な使い方：OS 3.0でのネストされたメタオブジェクト参照の利用
OS 3.0は最大2レベルのメタオブジェクトのネストをサポートしています。表示するフィールドを選択する際（「テーマエディターコンポーネントへのメタオブジェクトエントリーの接続」のステップ6—表示する値を持つ特定のフィールドを選ぶところ）、そのフィールド自体が別のメタオブジェクトへの参照である場合、エディターはその内部オブジェクトのフィールドにアクセスできるようにクリック可能にします。
例：「商品ストーリー」メタオブジェクトには、「フォトグラファー」フィールドがあり、これは別の「メンバー」メタオブジェクトを参照しています。商品ストーリーコンポーネントから直接フォトグラファーの名前やプロフィール画像を表示するために掘り下げることができます。
| 注：最大2レベルのネストまでサポートされています。2レベルを超えるフィールドにはテーマエディターからアクセスできません。 |
メタオブジェクトのテンプレートとページの管理
メタオブジェクトの定義とエントリーを作成した後、それら専用のテンプレートを作成し、個別のエントリーをスタンドアロンのストアフロントページとして公開できます。このセクションでは、メタオブジェクトテンプレートの作成と管理方法、およびメタオブジェクトエントリーをページとして公開する方法を説明します。
| 注：メタオブジェクトの定義は、そのテンプレートを作成する前にページとして公開され、オンラインストアで有効化されている必要があります。 |
メタオブジェクトテンプレートページの作成
メタオブジェクトテンプレートは、商品ページが商品テンプレートを使うのと同様に、単一のメタオブジェクト定義に特化したページテンプレートです。これを作成することで、そのメタオブジェクトのエントリーごとに専用のページレイアウトをデザインできます。例えば、各デザイナープロフィールや各サイズガイドの専用ページなどです。
メタオブジェクトテンプレートを作成するには：
- テーマエディターで、上部のページセレクタードロップダウンを開き、すべてのメタオブジェクトを表示を選択します。
- サブメニューから、テンプレートを作成したいメタオブジェクト定義を選択します。このリストには、ストアで作成されたすべてのメタオブジェクト定義が表示されます。
- 定義にまだテンプレートがない場合は、デフォルトテンプレートを作成をクリックします。SHOPLINEは自動的に定義のタイプ名を付けたデフォルトテンプレートを作成します（例：「Designer」定義はdesigner.jsonというテンプレートファイルを作成します）。
- 同じ定義の追加テンプレートを作成するには、テンプレートドロップダウンを開き、＋ テンプレートを作成を選択します。テンプレートを作成ダイアログで、テンプレート名（最大25文字）を入力し、基にするテンプレートドロップダウンから既存のテンプレートを選択します（デフォルトはデフォルトテンプレート）。その後、作成をクリックします。新しいテンプレートは{type}.{template name}.jsonとして保存されるため、同じメタオブジェクトに対して、注目レイアウトや標準レイアウトなど複数のレイアウトを管理できます。
- 上部ツールバーのエントリーセレクターアイコン（ツールチップ：「対応するエントリーにジャンプ」）を使用して、異なるメタオブジェクトエントリーでテンプレートをプレビューできます。これは、異なる商品で商品テンプレートをプレビューするのと同様です。
|
注意事項：
|
Metaobjectエントリーをストアフロントページとして公開する
Metaobjectテンプレートを作成したら、そのMetaobject定義の個別エントリーを独立したページとしてストアフロントに公開できます。各ページは独自のSEO設定とURLを持ちます。
Metaobjectエントリーをページとして公開するには：
- 管理画面で公開したいMetaobjectエントリーを開きます。
-
エントリーをウェブページとして公開のオプションをオンにします。
- SEOセクションを使ってページのSEOタイトルとメタディスクリプションを設定します。他のページタイプと同じパーツを使用します。
- ページのURLを選択します。デフォルトでは、公開されたMetaobjectページはパス/pages/{type}/{entry handle}を使用します。
- テンプレートドロップダウンからページに使用するMetaobjectテンプレートを選択します。定義にまだテンプレートがない場合は、先にテーマエディターで作成してください（上記「Metaobjectテンプレートページの作成」参照）。
| 注：公開されたメタオブジェクトページのデフォルトのURL形式は/pages/{type}/{handle}です。このパスは/pages/で始まりますが、これはメタオブジェクトページであり、カスタムページではありません。両者は別々に管理および編集されます。 |
メタオブジェクトテンプレートの修正と削除
メタオブジェクトテンプレートは他のページテンプレートと同じ方法で修正します。テーマエディターでセクションやブロックを直接追加、削除、設定してください。
| 重要：メタオブジェクトテンプレートはテーマエディター内から削除できません。テンプレートを削除するには、コードエディターを使用してファイルを削除してください。SHOPLINE管理画面 > オンラインストア > デザインに移動し、マイテーマセクションの三点リーダーアイコンをクリックして、コードを編集を選択します。 |
メタオブジェクトの実際の活用例
以下の例は、異なるストアタイプがメタオブジェクトを使って、繰り返しの手動更新なしにコンテンツの一貫性を保つ方法を示しています。
ファッション：共有サイズ表
衣料品店は、カテゴリ、画像、計測表のフィールドを持つ「サイズ表」メタオブジェクトを作成します。複数の商品が同じサイズ表エントリーを共有します。計測値が変わった場合、ストアはエントリーを一度更新するだけで、その変更がすべての商品ページに自動的に反映されます。
ヘルス＆ビューティー：成分ライブラリ
スキンケアブランドは、成分名、特典、説明、科学的参照のフィールドを持つ「成分」メタオブジェクトを作成します。エントリーにはナイアシンアミド、ヒアルロン酸、レチノールなどが含まれます。各商品ページは関連するエントリーに接続し、中央のライブラリから構造化された主要成分セクションを表示します。
家具：デザイナーカテゴリ
家具小売店は、デザイナー名、ポートレート、略歴、デザイン哲学のフィールドを持つ「デザイナー」メタオブジェクトを作成します。エントリーにはトーマス・バーグやクララ・ヴォスなどのデザイナーが含まれます。各デザイナーのカテゴリ内の複数の商品が同じエントリーを参照しているため、デザイナーが略歴を更新したり新しいポートレート写真を追加すると、その変更がそのカテゴリ内のすべての商品ページに即座に反映されます。
| ヒント：メタオブジェクトは、既存のカスタムデータ構造を引き継ぎたい他プラットフォームから移行するマーチャントにも最適です。 |
メタオブジェクトに関するよくある質問
Q 1 メタオブジェクトは商品ページ以外のページでも使えますか？
はい。メタオブジェクトはストアレベルのソースであるため、ホームページ、カスタムページ、カテゴリページなど、あらゆるページのパーツに接続できます。
Q 2 メタフィールドとメタオブジェクトの違いは何ですか？
メタフィールドは、商品やカテゴリなどのリソースに直接付加されるカスタム属性です。メタオブジェクトは、複数の商品、ページ、またはパーツで参照可能な独立した再利用可能なデータレコードです。商品固有のデータにはメタフィールドを、共有コンテンツライブラリにはメタオブジェクトを使用してください。メタフィールドと動的ソースの詳細については、「OS 3.0 テーマエディターでの動的ソース（メタフィールド）の設定」をご覧ください。
Q 3 メタオブジェクト定義を作成し、エントリーを追加するにはどうすればよいですか？
メタオブジェクトの作成と管理については、「メタオブジェクトでストアコンテンツをカスタマイズする」で説明しています。まずその設定を完了し、その後このガイドに戻ってエントリーをストアフロントに接続してください。
Q 4 テーマエディターからメタオブジェクトのテンプレートを削除できますか？
いいえ。メタオブジェクトのテンプレートはテーマエディターで直接削除できません。削除するには、コードエディターを使用してそのファイルを削除してください。
Q 5 エントリーを追加する前にメタオブジェクトのテンプレートを作成しようとするとどうなりますか？
テンプレートはまだ編集できない旨のメッセージが表示されます。管理画面でメタオブジェクト定義に少なくとも1つのエントリーを追加し、その後テーマエディターに戻ってテンプレートを作成および編集してください。
Q 6 メタオブジェクトのテンプレートを作成するとテーマの更新に影響しますか？
いいえ。メタオブジェクトのテンプレート作成は標準のテーマエディター機能を使用しているため、テーマがカスタマイズ版になることはなく、自動テーマ更新の受信に影響しません。
この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。