---
title: "SXAツールボックスの再構築"
slug: "restructure-the-sxa-toolbox"
abstract: "ツールボックス内のコンポーネントの構成を変えましょう。"
---
# SXAツールボックスの再構築

ページ作成を容易にするために、SXAには再利用可能なレンダリングツールボックスがあり、ページにドラッグ&ドロップできます。SXAツールボックスは、ページ内容、ページ構成、ナビゲーション、フォームなどのカテゴリごとにすべてのレンダリングを整理します。

新しいサイトを作成する際に、そのサイトで利用可能なレンダリング画像を決めることができます。

![In the module section you can select the components for your site.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-toolbox-select-renderings-site-creation.PNG)

SXAはツールボックス内のコンポーネントの構造を変更することもできます。これは、よく使うコンポーネントカテゴリをリストのトップに移動したい場合や、カテゴリ内のコンポーネントの順序を変更したいときに便利です。

## レンダリングカテゴリの順序を変更する

ツールボックス内のレンダリングカテゴリの表示順を変更するには:

1.  *sitecore/Content/Tenant/Site/Presentation*に移動し、「**Available Renderings**」項目でレンダリングカテゴリを再整理してください。例えば、「Page Content」と「Page Structure」カテゴリをリストの上部に移動します。
2.  **データ**セクションで、**サイト内の利用可能なレンダリング項目に応じたセクションのグループ**レンダリングを選択してください。
3.  変更を保存してください。エクスペリエンスエディターではツールボックスの構造が変更されます。

## カテゴリ内のレンダリングの順序を変更する

カテゴリ内のレンダリングの順序を変更するには:

1.  *sitecore/Content/Tenant/Site/Presentation/Available Renderings*に移動し、構造を変更したいカテゴリをクリックします。
    
2.  **データ**セクションの**レンダリング**欄で**「編集**」をクリックします。
    
3.  「 **アイテム選択** 」ダイアログボックスの **「選択** 済み」フィールドで、矢印を使ってコンポーネントの順序を変更してください。例えば、ページ構造カテゴリでは、スプリッターレンダリングを一番上に移動してください。
    
    ![Change the rendering order.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-toolbox-component-order.PNG)
    
4.  変更を保存してください。エクスペリエンスエディターではツールボックスの構造が変更されます。
    
    ![Result of changing the order in the toolbox.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-toolbox-component-order-EE.PNG)
    

## カスタムカテゴリを追加する

レンダリングをカスタムカテゴリにまとめるには:

1.  *sitecore/Content/Tenant/Site/Presentation*に移動し、「**Available Renderings**」を右クリックし、「**Available Renderings**」をクリックしてください。
2.  名前を入力して **「OK」**をクリックします。
3.  **データ**セクションの**レンダリング**欄で**「編集**」をクリックします。
4.  「 **アイテム選択** 」ダイアログボックスで「 **レイアウト**」「 **レンダリング** 」に移動し、カスタムカテゴリに追加したいコンポーネントを選択します。