---
title: "部分設計の作業"
slug: "work-with-partial-designs"
abstract: "ヘッダー、フッター、メインプレースホルダーの部分的なデザインを作成する方法。これによりページデザインを構築し、後から一貫したウェブページを作るためのページテンプレートを組み立てることができます。"
---
# 部分設計の作業

ヘッダー、フッター、メインセクションなどのウェブページのプレースホルダーに類似したレイアウトを再利用するには、ページビルダーで部分的なデザインを作成できます。部分的なデザインはコンポーネントで構成され、後にそれらを組み合わせて [ページデザインを作成します](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/building-page-templates-and-branches/work-with-page-designs.html "Work with page designs")。

ページレイアウトを部分デザインとページデザインに構成することで、一貫したスタイルを作り出し、記事などの汎用ページ作成時の操作が少なくて済むため、編集者の作業が楽になります。また、部分デザインに空の **コンテナ** や空のプレースホルダー付きのレンダリングを配置することで、編集者に明確な拡張ポイントを与えることもできます。

## 部分的なデザインを作成する

部分的な設計を作成するには:

1.  **テンプレート**モードのページビルダーで**「部分的なデザイン」**をクリックします。
2.  部分**的なデザイン****\>作成**をクリックします。
3.  「 **部分的なデザインを作成** 」ダイアログで、部分的なデザインの名前(例えばフッター)を入力し、「 **作成**」をクリックします。
4.  左側のペインから、希望するコンポーネントを該当するプレースホルダー( **ヘッダー**、 **メイン** 、 **フッター**)にドラッグします。プレースホルダーの選択によって、部分的なデザインがページデザインのどこに配置されるかが決まります。
5.  左側のペイン設定で必要に応じてコンポーネントを設定してください。
6.  部分的なデザインは自動的に保存されます。変更が終わったら、「 **閉じる」**をクリックしてください。

> !警告部分的なデザインを作成すると、*contenteditorのsitecore/content/yourcollectionname/yoursitename/ Presentation/Placeholder Settings/Partial Design*の上で、そのデザインのプレースホルダー設定アイテムが自動的に生成され、キーは*sxa-partialDesignItemName*です。このアイテムを修正、削除、または名前変更しないでください。対応する部分デザインのコンポーネントがページに表示されない場合があります。

部分的なデザインは部分的なデザインライブラリで利用可能です。このライブラリから既存の部分的なデザインを編集できます。

> !注既存の部分的なデザインに加えられた変更はすべて、それを使用しているすべてのページに適用されます。

## 部分的な設計を公開してください

部分的なデザインをページで使用するには、部分的なデザインビルダーから公開する必要があります。

部分的な設計を公開するには:

1.  **テンプレート**モードのページビルダーで**「部分的なデザイン」**をクリックします。
2.  公開したい部分的なデザインの横に「 **編集** 」をクリックしてください。
3.  部分的なデザインビルダーで **「公開**」をクリックします。

## 部分的なデザインを用いた編集動作

部分的なデザインのすべてのプレースホルダーを使用すると、ページ上で編集可能なものは残りません。その結果、プレースホルダーは新しいコンポーネントを追加するための見える場所として表示されず、ツールボックスが空に見えます。この挙動は意図的なものです。

この状況は、部分的なデザインがheadless-main、headless-header、headless-footerなどの仮称を完全に埋め尽くす場合に通常発生します。

このため、「推奨:構成ページ」トピックでは、空のコンテナや部分的なデザインにプレースホルダーを露出させる他のレンダリングを含めることを推奨しています。

### 部分設計におけるプレースホルダー要件

部分的なデザインの作成方法は、ページレベルの編集動作に直接影響します。

特定のプレースホルダーに適用することを意図した部分的なデザインを作成する場合(例えばheadless-main、headless-header、またはheadless-footer)、その部分デザインには対応するプレースホルダーが含まれなければなりません。

カスタム部分デザインから必要なプレースホルダーが欠けている場合、編集者は期待通りにコンポーネントを追加できず、ツールボックスが空に見えることがあります。

### ページレベルの編集を可能にするための推奨事項

編集者が個々のページにコンポーネントを追加または修正できるようにするためには、部分的なデザインを適用した後も *少なくとも1つの空のプレースホルダーが* 利用可能なままである必要があります。

列や行のスプリッター、コンテナコンポーネント、または部分的なデザインで露出された他のレンダリングプレースホルダーを活用してください。これらのコンポーネントは編集可能な領域を定義し、ページレベルの表示を拡張または修正できるようにします。