コンテンツモデリングとプレゼンテーション
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックはSitecoreAIにおけるコンテンツ管理の入門です。テンプレート、レイアウト、ページデザイン、部分デザイン、データソースなどの基本的な概念を明確にします。
SitecoreAIコンテンツ制作のためのエンドツーエンドソリューションを提供します。 SitecoreAIでコンテンツを議論する際、私たちは2つのタイプに分けます。
-
Data - ウェブページ上で提示されるコンテンツのモデル。これはモデリングスキーマやコンテンツタイプとも呼ばれます。 SitecoreAIでは、Content Editorを使ってデータモデルを作成します。
-
Presentation - レイアウト定義やページ構造を含むコンテンツの提示方法。これはlayoutとも呼ばれます。 SitecoreAIでは、Content Editor、ページビルダー、Componentビルダー、Formsを使ってプレゼンテーションを操作します。
ページビルダーで データソースデータソース を指定するときに、データとプレゼンテーションをバインドします。
コンテンツモデリング
コンテンツモデリングとは、ウェブサイト上で提示される要素のスキーマ構造を作成することを指します。これは、フィールドフィールドで構成されたテンプレートテンプレート(データテンプレートとも呼ばれる)を使って行います。例えば、記事をサイトに寄稿する著者に関する情報を含むウィジェットのデータ構造を作成します。そのモデルには、著者のフルネーム、一行の略歴、画像、専門分野を含めることができます。これらのフィールドは単なるデータであり、データの提示方法に関する情報は含まれていません。
プレゼンテーション
作る要素のデザインが決まってから、プレゼンテーション要素の作成を始めます。 SitecoreAIでは、ほとんどのプレゼンテーション要素がContent Editorで構築されています。プレゼンテーションには以下の要素が含まれます:
-
Placeholder - プレースホルダーキーを用いて、コンポーネント、ページ、またはあらゆる種類のプレゼンテーション要素における要素の許容位置を決定すること。また、プレースホルダーで許可されるコンポーネントの種類も決められます。
-
Partial design - プレゼンテーションやコンテンツ要素があらかじめ組み込まれた要素。部分的なデザインを更新すると、サイト内で再利用されているすべての場所で変更されます。
-
Component - Pagesでウェブページに追加し、内容を追加・編集し、外観をカスタマイズできるプレゼンテーション定義。
-
Page design - ページのプレゼンテーション定義。プレースホルダー、部分的なデザイン、コンポーネント、レンダリングパラメータで構成されています。
-
Layout - 異なる提示要素を組み合わせた任意の表示定義の組み合わせ。
製本内容とレイアウト
データソースデータソースを使ってコンテンツをページレイアウトに結びつけます。例えば、ドロップダウンメニュー(レイアウト)にコンテンツツリー内の子項目の名前を入力できます。プレースホルダーを使って動的にバインドできます。
データソースを使うだけでなく、レンダリングパラメータを使ってコンテンツをバインドせずに表示を制御できます。レンダリングパラメータを使うと、コンテンツ作成者がそのコンポーネントを使う際に選択できるプレゼンテーションオプションを設定できます。例えば、そのコンポーネントが著者の情報を表示するウィジェットであれば、作者がウィジェットの背景色を選択できるようにレンダリングパラメータを設定できます。
要素の再利用
SitecoreAIでは、多くのデータやプレゼンテーション要素を、サイトやコレクション全体で柔軟かつ強力な組み合わせで再利用できます。いくつかの例は以下の通りです:
-
ヘッダーやフッターを部分的なデザインとして作成し、サイト全体で再利用できるようにしましょう。これにより、部分的な設計を一度にクエリ・ロードし、キャッシュしてサイトのパフォーマンスを向上させるという利点もあります。
-
分岐テンプレートを使って、一貫性のある事前構成された構造で複数の関連項目を作成するのを効率化しましょう。著者はFAQやチームプロフィールなどのセットを一度に素早く挿入できるため、サイト全体で構造化されたコンテンツをより迅速かつ効率的に構築できます。
-
コンテンツアイテムを再利用するには、コンテンツアイテムのグループ(ヒール、メンズエレガントシューズ、ハイキングブーツなどを含むShoes製品フォルダ)を作成し、それらを異なるコンポーネント(靴コレクションを回転させるカルーセルコンポーネントや、20%オフのプロモーション用アイテムなど)で表示します。
-
レンダリングパラメータをコンポーネントに割り当て、まったく同じコンポーネントを異なるスタイルでレンダリングできるようにします。
-
データソースが複数のページにまたがって再利用されている場合、変更は一度更新するだけですべての場所で適用されます。
例のコンポーネント
以下の例は、従業員名、役割、画像、引用を含む従業員カードコンポーネントのテンプレートを示しています。
コンポーネント自体はメディアライブラリのメディアで埋められ、テキストフィールドのフィールドは次のように記入されます:
最後に、コンポーネントはウェブサイト上でレンダリングされ、プレゼンテーションの詳細とCSSが適用されます。
さらなる参考文献
Content EditorやPagesなどのインターフェース、またはコンテンツ作成・管理のGraphQL APIを使ってコンテンツをモデリングしレイアウトを制御できます。
これらの特徴についてさらに読むことができます:
データソースには、特定のコンポーネント以外で管理されるコンテンツが含まれています。Componentsは実行時にデータソースを呼び出してそのコンテンツを追加できます。例えば、コンポーネントはタイトル、テキスト、ボタンなどの独自のコンテンツを持ち、ページをレンダリングした際にデータソースから追加される画像も含まれます。
私たちはinternalデータソースとexternalデータソースを区別しています。内部データソースは、テキスト、画像、メディア、サイトページなどSitecoreAI内で作成・処理されます。これらはページレベル(そのページのすべてのコンポーネントで利用可能)またはサイトレベル(すべてのサイトコンポーネントで利用可能)に保存できます。さらに、ページのデータソースをページそのものに設定することも可能です。これはページのメタデータを活用するのに役立ちます。例えば、ブラウザタブに表示されるページのタイトルはページ名に結びつけることができます。
外部データソースはSitecoreAI外で作成・保存されます。コンポーネントは、データソースを呼び出すJSONを含める、HTTPリクエストを送信して応答を処理する、またはGraphQLクエリの結果を利用する方法のいずれかを用いて外部ソースからデータを取得できます。
テンプレートはdata templatesとも呼ばれ、コンテンツ項目の構造を定義します。各テンプレートにはセクションごとに整理されたフィールドが含まれています。テンプレートはフィールド名とフィールドが属するセクションを定義します。また、各フィールドの型、すなわちフィールドが受け入れ可能な入力を定義します。
例えば、製品データテンプレートには「一般情報」と「製造詳細」の2つのセクションがあります。一般情報セクションには以下の項目が含まれています:
-
名前 – 文字列
-
カタログID – 文字列
-
価格 – 整数
製造詳細セクションには以下が含まれます:
-
製造元 – 弦
-
製造業国一覧
テンプレートはbase templateから定義を継承します。これは単に他のテンプレートがフィールドやセクションを継承するテンプレートです。
フィールドとは、アイテムに関するデータを格納するプロパティのことです。それらは単純なもの(例:文字列、テキスト、数字)からより複雑なもの(例:Rich Text、General Link、Multilist)まであります。アイテムの元となるテンプレートによって、どのフィールドが含まれるかが決まります。
以下の画像はƒuswer Explorerのもので、タイトルコンポーネント(レンダリングとも呼ばれる)とデフォルトのバリアントを示しています。右側には、このアイテムを構成するさまざまなフィールドが示されています。
