---
title: "ページの内容をカラムに分けてください"
slug: "divide-your-page-content-into-columns"
abstract: "ページ内のページコンテンツをカラムに分割する方法を学びましょう。"
---
# ページの内容をカラムに分けてください

Page Builderでは、**Column Splitter**コンポーネントを使ってページ内容を列に分割できます。プレースホルダーにコンポーネントを配置すると2つの列が追加されますが、同じコンポーネント内に最大8列まで加算できます。

列が揃ったら、スタイル変更、順序変更、サイズ変更、削除が可能です。最後に、個々の列に他のコンポーネントを追加することもできます。例えばリッチテキストなどです。

ページにカラムを追加するには:

1.  ページを開いてください。
    
2.  左側で **「コンポーネント**」をクリックし、その後「 **コンポーネント** 」タブをクリックします。
    
3.  **ページ構造**セクションから、**カラムスプリッター**コンポーネントをプレースホルダーにドラッグします。コンポーネント内で同じ大きさの2つのカラムが隣り合って表示されます。
    
4.  追加したい各列ごとに、右側で **「Manage columns**」を展開し、「 **新しい追加**」をクリックします。その列は新しい行に追加されます。
    
    ![pages-column-splitter-three-columns.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/pages-column-splitter-three-columns.png)
    
5.  今、以下のいずれかの方法を試すことができます:
    
    -   コンポーネント全体に [スタイリング](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/configure-a-component/styling-and-advanced-styling-settings.html "Styling and Advanced styling settings") を適用します。これによりコンポーネント内のすべての列に影響が出ます。例えば、列の中央揃えなどです。これを行うには、コンポーネントを選択し、右側の **スタイリング** セクションで中心アライメントアイコンをクリックします。
        
    -   各列にスタイリングを適用してください。これを行うには、列コンポーネントを選択し、右側で希望の変更を行います。
        
    -   列のサイズ変更。列のサイズ割り当て方法については「 [列のサイズ変更](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/structuring-a-page/divide-your-page-content-into-columns/resizing-columns.html "Resizing columns")」を参照してください。
        
    -   コンポーネント内の列を並べ替えてください。これを行うには、Column Splitterコンポーネントを選択し、「 **Manage columns** 」セクションで列をドラッグ&ドロップして、希望する順序にします。
        
        ![pages-reorder-columns.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/pages-reorder-columns.png)
        
    -   [列を削除してください。](https://doc.sitecore.com/sai/ja/users/sitecoreai/structuring-a-page/manage-items,-rows,-and-columns-settings.md "Manage items, rows, and columns settings")