---
title: "エクスペリエンスエディターでページデザインを作成・割り当て"
slug: "create-and-assign-a-page-design-in-the-experience-editor"
abstract: "部分的なレイアウトのグループを使ってページのデザインを作成しましょう。"
---
# エクスペリエンスエディターでページデザインを作成・割り当て

SXAでは、再利用可能なコンテンツやレイアウトを扱います。SXAのページデザインとは、ウェブページのデザインを構成する部分的なレイアウトの集合体です。

例えば、ブログページの再利用可能なページ構造が必要になるかもしれません。ブログのページデザインを作成することで、コンテンツ作成者がページデザインを気にせずにコンテンツを作成できる基本的なテンプレートを作成できます。

> !警告ページデザインに直接コンポーネントを追加しないでください。ページデザインだけで情報は保持できませんが、部分的なデザインに保存された情報を参照します。したがって、コンポーネントをページデザインに直接追加しても、ページ上にはレンダリングされません。

## ページデザインを作成してください

SXAでは、ページのレイアウトを決定するためにページデザインを設定できます。

エクスペリエンスエディターでページデザインを作成するには:

1.  リボンのExperience **Accelerator**タブで**「Page Designs」をクリックし、「****Insert Page Design**」をクリックしてください。
    
    ![Click Page Designs and Insert Page Design](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/A56853C3ECBF4246A8B50614ABEF8323.png)
    
2.  アイテム **挿入** ダイアログボックスで「 **ページデザイン」をクリックし、**名前を入力して **「OK」**をクリックします。
    
    > !注関連するページデザインのグループを追加したい場合は **、「ページデザイン」**をクリックしてください。これは、多数の部分的なデザインが必要な複雑なサイトの場合に便利です。ブログ、ニュース、商品、キャリアなど、部分的なデザインのセクションにページを分割できます。
    
3.  「 **アイテム選択** 」ダイアログで、追加したい部分デザインを選択し、右矢印 ![EA2E2FF5FDC14663830AE04403A63FB6.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/EA2E2FF5FDC14663830AE04403A63FB6.png) をクリックして選択したアイテムのリストに移動し、「 **OK」**をクリックします。
    

ページデザインを使わなくなったら、削除したくなるかもしれません。

エクスペリエンスエディターでページデザインを削除するには:

1.  リボンの **「ビュー** 」タブでナビゲーション **バー** を選択し、サイトのプレゼンテーションレイヤーに行き、削除したいページデザインをクリックしてから **「Go**」をクリックします。
    
    ![Click the Page Design and click Go.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/9F142C08CDBC40409FFA1F3FB3798F5D.png)
    
2.  ページデザインの **ホーム** タブで **「ページを削除**」をクリックします。
    
    ![Delete the page design.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/8A570B6D88584910B8F0EDBB8062742C.png)
    

## ページデザインを割り当てる

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

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

1.  リボンの**Experience Accelerator**タブで「 **Site Page Designs**」をクリックしてください。
    
    ![SXA-site-page-design.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-site-page-design.png)
    
2.  表示されたダイアログボックスの左列でテンプレートを選択し、ページデザインに関連付けるために右欄でページデザインを選択します。
    
    ![B30A851A77A64C53AC60CB65CCDE1D8A.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/B30A851A77A64C53AC60CB65CCDE1D8A.png)
    
3.  「 **OK** 」をクリックして **「保存** 」をクリックして変更を適用してください。
    

ページに割り当てられたページデザインを見るには、「 **ページデザイン」**をクリックしてください。割り当てられたページデザインは、例えば「 **ブログページ**」とマークされています。

![80E774AFD3EA426CA5540C8F0EFD908F.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/80E774AFD3EA426CA5540C8F0EFD908F.png)

> !注特定のデザインをあまり使わない場合や、特定のページデザインを上書きしたい場合は、特定のページにページデザインを割り当てることができます。そのためには、リボンの**Experience Accelerator**タブで **「Pick Page Design** 」をクリックし、ページを選択し、「 **OK** 」→ **「保存** 」をクリックして変更を適用してください。