---
title: "ページ内のコンポーネントの入れ替え、移動、並べ替え"
slug: "swap,-move-and-reorder-components-in-a-page"
abstract: ""
---
# ページ内のコンポーネントの入れ替え、移動、並べ替え

## ある要素を別の要素と入れ替え

ページ内では、あるコンポーネントを別のコンポーネントと入れ替えることができます。新しいコンポーネントは即座に前のコンポーネントの代わりになり、レイアウトの文脈を保ち、混乱を最小限に抑えます。

コンポーネントを交換するには:

1.  ページビルダーエディターモードで、キャンバスで交換したいコンポーネント [を選択します](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/selecting-a-component-or-placeholder.html "Selecting a component or placeholder") 。
2.  コンテキストツールバーで「 **Swap** :mdiSwapHorizontal:」をクリックしてください。

## ページ内のコンポーネントの移動と順序付け替え

ページ内では、コンポーネントやコンテナなどの要素を移動・並べ替えることができます。例えば:

-   キャンバス上の別の位置にエレメントをドラッグできます。
    
-   左側のペインにあるレイヤーの可視化を使って、コンポーネント内のコンポーネントやコンテナの並べ替えが可能です。視覚的なサインは、これらの要素をどの場所に落としてもよいかを教えてくれます。
    
-   コンポーネント [を選択する](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/selecting-a-component-or-placeholder.html "Selecting a component or placeholder")際に表示される上下矢印を使って、プレースホルダー内でコンポーネントの順序を入れ替えることができます。
    
    ![Screenshot of a component tab.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/move_component.png)
    

視覚的な標識は、これらの要素をどこに置いてよいかを教えてくれます。