---
title: "ページデザイン"
slug: "page-designs"
abstract: "SXAにおけるページデザインとは、ウェブページのデザインを構成する部分的なレイアウトの集合体です。"
---
# ページデザイン

SXAでは、再利用可能なコンテンツとレイアウトを使ってウェブサイトを構築します。これらすべての要素が組み合わさってページのレイアウトを作り上げます。

SXAのページデザインは、ページの構成に役立つ [部分的なデザイン](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/create-and-change-a-partial-design.html "Create and change a partial design") のセレクションです。例えば、ヘッダーとフッターが常に同じ位置にあるようにすることができます。また、ブログページ、ランディングページ、商品ページなど、特定のページごとにページ構造を設定するページデザインを作成することもできます。コンテンツ作成者はこれらのプリセットレイアウトにコンテンツを配置できます。

ページデザインは [コンテンツエディター](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/create-and-assign-a-page-design-in-the-content-editor.html "Create and assign a page design in the Content Editor")や [エクスペリエンスエディター](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/create-and-assign-a-page-design-in-the-experience-editor.html "Create and assign a page design in the Experience Editor")で作成できます。

[ルールを使ってページデザインを選択する](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/use-a-rule-to-select-a-page-design-for-a-page.html "Use a rule to select a page design for a page")こともできます。

ページ(または特定のタイプのページ)にページデザインを割り当て、表示したい要素やレンダリングを定義します。例えば、ブログページにはナビゲーションコンポーネントを含むヘッダー、コンテンツのメインプレースホルダー(投稿リスト、カテゴリ、アーカイブ、タグクラウド、最近のコメント)、そして会社情報のフッターが必要です。

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

データテンプレートはSitecoreコンテンツのスキーマです。Sitecoreデータベース内の任意のコンテンツ項目はデータテンプレートに基づいています。

SXAでは、ページデザインをデータテンプレートにリンクさせることができます。こうすることで、コンテンツタイプをページレイアウトにリンクさせ、サイトのレイアウトを一貫性を保つことができます。頻繁に使うウェブページのテンプレートにページデザインを割り当てるのは非常に便利で、見た目も一貫性を保つことができます。

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