---
title: "設計"
slug: "designing"
abstract: "このセクションでは、ページデザイン、部分デザイン、テーマの扱い方について説明します。"
---
# 設計

ページの構造化を簡単にするために、SXAはデザインをロックダウンし再利用する仕組みを提供しています:ページデザインと部分デザイン。ページデザインや部分デザインについて詳しく知りたい方は、このセクションのトピックをお読みください。

-   [ページデザイン](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/page-designs.html "Page designs")
-   [コンテンツエディターでページデザインを作成・割り当て](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/create-and-change-a-partial-design.html "Create and change a partial design")

テーマはサイトの見た目や雰囲気を定義し、サイトの機能やコンテンツとは別に作成することができます。以下のトピックを読んでテーマの扱い方を学びましょう:

-   [SXAのテーマ](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/the-sxa-themes.html "The SXA themes")
-   [基本テーマ](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/the-base-themes.html "The base themes")
-   [テーマを追加する](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/create-a-custom-theme.html "Create a custom theme")
-   [テーマを割り当てる](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/assign-a-theme.html "Assign a theme")
-   [テーマを拡張する](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/extend-a-theme.html "Extend a theme")
-   [ビューモード](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/view-modes-and-themes.html "View modes and themes")
-   [SXA CLIを使って新しいテーマを追加してください](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/add-a-theme-using-sxa-cli.html "Add a theme using SXA CLI")
-   [テーマを事前に最適化し、CSSとJavaScriptを活用してください](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/preoptimize-your-css-theme-and-javascript.html "Preoptimize your CSS theme and JavaScript")