---
title: "ページデザインの仕事"
slug: "work-with-page-designs"
abstract: "ページデザインの概要と、作成および公開方法の詳細"
---
# ページデザインの仕事

ページデザインとは、ページの内容のレイアウトを決定する [部分的なデザイン](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/building-page-templates-and-branches/work-with-partial-designs.html "Work with partial designs") の組み合わせです。ページデザインはヘッダー、フッター、そして1つ以上の主要セクションで構成されています。ページデザインはページテンプレートに割り当てることができ、そのテンプレートに基づいてウェブページを作成する際に利用可能になります。

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

ページデザインを作成するには:

1.  ページビルダー **テンプレート** モードで「 **ページデザイン」**をクリックします。
    
2.  ページ**デザイン>作成**をクリックします。
    
3.  「 **ページデザインを作成する** 」ダイアログで、ページデザインの名前を入力して **「作成**」をクリックします。
    
4.  ページデザインに名前をつけましょう。
    
5.  ページデザインはデータテンプレートに割り当てられ、ページテンプレートが作成されます。すぐにページデザインの作業を始めるには、「 **後で割り当て** 」をクリックして読み進めてください。
    
    または、今すぐページデザインをデータテンプレートに割り当てるには、「 **今すぐ割り当て** 」をクリックして [、以下の指示に従って](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/building-page-templates-and-branches/assign-a-page-design-to-a-template.html "Assign a page design to a template")ください。
    
6.  左側のパネルの **「利用可能な部分デザイン**リスト」で、部分デザインをクリックするとページキャンバスに追加できます。ヘッダーやフッターの部分デザインは自動的にページの上部と下部に配置され、メインの部分デザインはヘッダーとフッターの間に配置されます。
    
    > !注ページデザインにはすべてのセクションに部分的なデザインが必須ではありません。例えば、ヘッダーとフッターを使ったページデザインを作成し、メインセクションは空にすることができます。
    
7.  メインセクションにいくつかの部分的なデザインを含めると、:mdiDrag: をクリックし、タイルを正しい順番にドラッグすることで、**選択された部分デザイン** リストで並べ替えることができます。
    
8.  **選択された部分デザイン**リストでは、:mdiMinusCircleOutline:をクリックすることでページデザインから部分的なデザインを削除することもできます。
    

新しいページデザインは**Page designs**ライブラリで利用可能です。このライブラリから既存のページデザインを編集できます。

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

## ページデザインを公開する

ページデザインをページ内で使うには、**ページデザイン** ビルダーから公開する必要があります。

ページデザインを公開するには:

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