Content Editorでページデザインを作成・割り当てる
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ウェブページをデザインするには、再利用可能なコンテンツとレイアウトを扱います。ページデザインとは、ウェブページのデザインを構成する部分的なデザインの集合体です。
例えば、ブログページには再利用可能なページ構造が必要かもしれません。ブログページの部分的なデザインを含むページデザインを作成することで、コンテンツ作成者がページデザインを気にせずにコンテンツを作成できる基本的なテンプレートが作れます。
このトピックではContent Editorでページデザインを扱う方法を説明しますが、Pagesでもページデザインを扱うことができます。
ページデザインに直接コンポーネントを追加しないでください。ページデザインだけでは情報を保持できません。代わりに、部分設計に格納された情報を指します。したがって、コンポーネントを直接ページデザインに追加しても、ページ上にレンダリングされません。
ページデザインを作成してください
ページデザインはページのレイアウトを決定し、部分的なデザインで構成されています。ページのデザインをサイトのプレゼンテーションフォルダに追加し、追加したい部分的なデザインを選択できます。
ページデザインを作成するには:
-
コンテンツツリーのサイトで、Presentationをクリックし、右クリックPage Designs 、そしてInsert > Page Designをクリックします。
注記関連するページデザインのグループを追加したい場合は、Page Design Folderをクリックしてください。これは、多数の部分的なデザインを必要とする複雑なサイトの場合に便利です。ページを部分的なデザインのセクションに分けることができます。例えば、ブログ、ニュース、商品、キャリアなどです。
-
新しいページデザインの名前を入力し、OKをクリックします。
-
Designingセクションで追加したい部分的なデザインを選択し、右矢印
をクリックして選択したアイテムのリストに移動し、保存します。
注記同じページデザインに割り当てられた部分的なデザインは、Signatureフィールドで異なる値を指定しなければなりません。
コンポーネントプロパティの部分的なデザイン署名を更新してください
各部分設計は、部分設計項目のSignatureフィールドに識別子が格納されています。同じページデザインに追加される部分的なデザインは、固有の署名を持たなければなりません。
同じ署名の異なる部分デザインを使う場合は、少なくとも1つの署名を変更して署名をユニークにしてください。
部分設計にコンポーネントが含まれていてページで使用されている場合は、各コンポーネントのプロパティのPlaceholderフィールドを適切に更新してください。そうしないと、部品と部分的な設計のつながりが切れてしまいます。
コンポーネントプロパティはContent Editorで更新できます。部分的なデザインを使うすべてのページに対してこれを行ってください。
Content Editorのコンポーネントプロパティを更新するには:
-
部分的なデザインを使用しているページを選択してください。
-
PRESENTATIONタブでDetailsをクリックします。
-
Layout Detailsダイアログで、該当するコンポーネントをクリックします。
-
Control PropertiesダイアログのPlaceholderフィールドで、名前を変更した署名でパスを更新します。署名名にsxa-プレフィックスを加えます。
-
これらの手順を各コンポーネントごとに繰り返します。
ページデザインをテンプレートに割り当てる
ページデザインを使ってコンテンツタイプをページレイアウトにマッピングできます。これにより、サイトのレイアウトを一貫性を保てます。ランディングページ、商品ページ、ナビゲーションページなど頻繁に使うウェブページは、そのページのテンプレートにページデザインを割り当てることで一貫性を保つことができます。このようにして、内容とデザインを結びつけることができます。
テンプレートにページデザインを割り当てるには:
-
コンテンツツリーで、自分のサイトに移動し、Presentation > Page Designsをクリックし、Contentタブをクリックします。
-
Designingセクションで左列のテンプレートを選択し、ページデザインと関連付けるには右列でページデザインを選択します。
また、ページデザインを特定のページに割り当てることも可能です。普段あまり使わないページ、例えばリリースノートページなどが必要な場合に必要かもしれません。ページデザインを1ページに割り当てるには、自分のサイトにアクセスしてページを選択してください。 Designingセクションでドロップダウンリストからデザインを選択し、変更を保存します。