部分設計の作業
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ヘッダー、フッター、メインセクションなどのウェブページのプレースホルダーに類似したレイアウトを再利用するには、ページビルダーで部分的なデザインを作成できます。部分的なデザインはコンポーネントで構成され、後にそれらを組み合わせて ページデザインを作成します。
ページレイアウトを部分デザインとページデザインに構成することで、一貫したスタイルを作り出し、記事などの汎用ページ作成時の操作が少なくて済むため、編集者の作業が楽になります。また、部分デザインに空の コンテナ や空のプレースホルダー付きのレンダリングを配置することで、編集者に明確な拡張ポイントを与えることもできます。
部分的なデザインを作成する
部分的な設計を作成するには:
- テンプレートモードのページビルダーで**「部分的なデザイン」**をクリックします。
- 部分的なデザイン****>作成をクリックします。
- 「 部分的なデザインを作成 」ダイアログで、部分的なデザインの名前(例えばフッター)を入力し、「 作成」をクリックします。
- 左側のペインから、希望するコンポーネントを該当するプレースホルダー( ヘッダー、 メイン 、 フッター)にドラッグします。プレースホルダーの選択によって、部分的なデザインがページデザインのどこに配置されるかが決まります。
- 左側のペイン設定で必要に応じてコンポーネントを設定してください。
- 部分的なデザインは自動的に保存されます。変更が終わったら、「 **閉じる」**をクリックしてください。
!警告部分的なデザインを作成すると、contenteditorのsitecore/content/yourcollectionname/yoursitename/ Presentation/Placeholder Settings/Partial Designの上で、そのデザインのプレースホルダー設定アイテムが自動的に生成され、キーはsxa-partialDesignItemNameです。このアイテムを修正、削除、または名前変更しないでください。対応する部分デザインのコンポーネントがページに表示されない場合があります。
部分的なデザインは部分的なデザインライブラリで利用可能です。このライブラリから既存の部分的なデザインを編集できます。
!注既存の部分的なデザインに加えられた変更はすべて、それを使用しているすべてのページに適用されます。
部分的な設計を公開してください
部分的なデザインをページで使用するには、部分的なデザインビルダーから公開する必要があります。
部分的な設計を公開するには:
- テンプレートモードのページビルダーで**「部分的なデザイン」**をクリックします。
- 公開したい部分的なデザインの横に「 編集 」をクリックしてください。
- 部分的なデザインビルダーで 「公開」をクリックします。
部分的なデザインを用いた編集動作
部分的なデザインのすべてのプレースホルダーを使用すると、ページ上で編集可能なものは残りません。その結果、プレースホルダーは新しいコンポーネントを追加するための見える場所として表示されず、ツールボックスが空に見えます。この挙動は意図的なものです。
この状況は、部分的なデザインがheadless-main、headless-header、headless-footerなどの仮称を完全に埋め尽くす場合に通常発生します。
このため、「推奨
」トピックでは、空のコンテナや部分的なデザインにプレースホルダーを露出させる他のレンダリングを含めることを推奨しています。部分設計におけるプレースホルダー要件
部分的なデザインの作成方法は、ページレベルの編集動作に直接影響します。
特定のプレースホルダーに適用することを意図した部分的なデザインを作成する場合(例えばheadless-main、headless-header、またはheadless-footer)、その部分デザインには対応するプレースホルダーが含まれなければなりません。
カスタム部分デザインから必要なプレースホルダーが欠けている場合、編集者は期待通りにコンポーネントを追加できず、ツールボックスが空に見えることがあります。
ページレベルの編集を可能にするための推奨事項
編集者が個々のページにコンポーネントを追加または修正できるようにするためには、部分的なデザインを適用した後も 少なくとも1つの空のプレースホルダーが 利用可能なままである必要があります。
列や行のスプリッター、コンテナコンポーネント、または部分的なデザインで露出された他のレンダリングプレースホルダーを活用してください。これらのコンポーネントは編集可能な領域を定義し、ページレベルの表示を拡張または修正できるようにします。