---
title: "コンテンツエディターでページデザインを作成・割り当て"
slug: "create-and-assign-a-page-design-in-the-content-editor"
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.  コンテンツツリーのサイトで「**プレゼンテーション**」をクリックし、「**ページデザイン」**を右クリックしてから「ページ**デザイン**\>**挿入**」をクリックします。
    
    ![Insert a new page design.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/pageDesign.png)
    
    > !注関連するページデザインのグループを追加したい場合は、「ページデザインフォルダ」をクリックしてください。これは、多数の部分的なデザインが必要な複雑なサイトの場合に便利です。ブログ、ニュース、商品、キャリアなど、部分的なデザインのセクションにページを分割できます。
    
2.  新しいページデザインの名前を入力し、**OK**をクリックします。
    
3.  デザイン **セクションで** 追加したい部分的なデザインを選択し、右矢印 :mdiChevronRight: をクリックして選択アイテムのリストに移動し、保存します。
    
    ![Select the partial designs that you want to include.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/E6B41DC6603044F39389515C939C642A.png)
    
    > !注同じページデザインに割り当てられた部分的なデザインは、シグネチャーフィールドで異なる [値を指定](https://doc.sitecore.com/sai/ja/users/sitecoreai/manage-content/content-editor/page-designs-and-page-branches/create-and-assign-a-page-design-in-the-content-editor.html#UUID-ce74c1e8-5838-2578-7b5c-1f3783e8248a_section-idm4554841498425634158239082785 "Update the partial design signature in the component properties") しなければなりません。
    

## コンポーネントプロパティの部分的なデザイン署名を更新してください

各部分デザインは、部分デザインアイテムの**Signature**フィールドに識別子が格納されています。同じページデザインに追加される部分デザインは、固有の署名を持たなければなりません。

![Example of a partial design signature in the Content Editor](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/ce-partial-design-signature.png)

同じ署名の異なる部分デザインを使う場合は、少なくとも1つの署名を変更して署名をユニークにしてください。

部分設計にコンポーネントが含まれていてページで使われている場合は、各コンポーネントのプロパティの **プレースホルダー** フィールドを適切に更新してください。そうしないと、コンポーネントと部分設計のリンクが切れてしまいます。

コンテンツエディターでコンポーネントプロパティを更新できます。部分的なデザインを使うすべてのページでこれを行います。

コンテンツエディターのコンポーネントプロパティを更新するには:

1.  部分的なデザインを使用しているページを選択してください。
    
2.  プレゼンテーション**タブで****詳細**をクリックしてください。
    
3.  レイアウト **詳細** ダイアログで、該当するコンポーネントをクリックします。
    
4.  **コントロールプロパティ**ダイアログの**プレースホルダー**フィールドで、名前を変更した署名でパスを更新します。署名名に*sxa-*プレフィックスを追加します。
    
    ![Update the partial design signature in the component properties](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/ee-control-properties-placeholder-path.png)
    
5.  これらの手順を各コンポーネントごとに繰り返します。
    

## ページデザインをテンプレートに割り当てる

ページデザインを使ってコンテンツタイプをページレイアウトにマッピングできます。これにより、サイトのレイアウトが一貫性を保てます。ランディングページ、商品ページ、ナビゲーションページなど頻繁に使うウェブページは、そのページのテンプレートにページデザインを割り当てることで一貫性を保つことができます。こうすることで、コンテンツとデザインを結びつけることができます。

テンプレートにページデザインを割り当てるには:

1.  コンテンツツリーで、あなたのサイトに移動し、「 **プレゼンテーション** 」> **ページデザイン**をクリックし、「 **コンテンツ** 」タブをクリックしてください。
2.  **デザイン**セクションで左列のテンプレートを選択し、ページデザインと関連付けるには右列でページデザインを選択します。

> !注ページデザインを特定のページに割り当てることも可能です。普段あまり使わないページ、例えばリリースノートページなどが必要な場合に必要かもしれません。ページデザインを単一のページに割り当てるには、あなたのサイトにアクセスしてページを選択します。デザインセクションで、ドロップダウンリストからデザインを選択し、変更を保存します。