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