---
title: "ページの内容を行に分けましょう"
slug: "divide-your-page-content-into-rows"
abstract: "ページビルダーでページコンテンツを行に分割する方法を学びましょう。"
---
# ページの内容を行に分けましょう

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

行が配置されたら、スタイリング、並べ替え、削除が可能です。最後に、行に他のコンポーネントを追加できます。

ページに行を追加するには:

1.  ページを開いてください。
    
2.  左側で **「コンポーネント**」をクリックし、その後「 **コンポーネント** 」タブをクリックします。
    
3.  **ページ構造**セクションから、**Row Splitter**コンポーネントをプレースホルダーにドラッグします。コンポーネント内に縦方向に2行が表示されます。
    
4.  追加したい行ごとに、右側で **「行管理**」を展開し、「 **新しい行を追加**」をクリックします。新しい行は最初の2行の下に追加されます。
    
    ![pages-row-splitter.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/pages-row-splitter.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") を適用します。これによりコンポーネント内のすべての行に影響が及びます。例えば、コンポーネント内のすべての行の内容を中央揃えにすることができます。これを行うには、コンポーネントを選択し、右側の **スタイリング** セクションで中央アライメントアイコンをクリックします。
        
    -   個々の行にスタイリングを適用します。これを行うには、行コンポーネントを選択し、右側で希望する変更を加えてください。
        
    -   コンポーネント内の行の順序を並べ替えてください。これを行うには、Row Splitterコンポーネントを選択し、「 **行管理** 」セクションで行をドラッグ&ドロップして希望の順序にします。
        
        ![pages-reorder-rows.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/pages-reorder-rows.png)
        
    -   [列を取り除く。](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/structuring-a-page/manage-items,-rows,-and-columns-settings.md "Manage items, rows, and columns settings")