|  |
| アイテムの左にある縦三点リーダーのアイコンをクリック＆ホールドし、新しい配置にドラッグして行を移動します。各タブアイテムの横にある2つのボタンを使用して、行を複製または削除します。 |  |
| **固定幅を設定**: この設定はデフォルトで有効になっており、セクション内のコンテンツを固定幅にラップします。無効にすると、このセクション内のコンテンツはセクションの全幅に展開されます。 |  |
| **上部に固定を有効化**: この設定を有効にすると、スクロール時にセクションが常にページの上部に表示されます。トップオフセットまたはエレベーションを適用するオプションも表示されます。 |  |
属性、可視性、アニメーションパラメータの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご確認ください。
詳細については、このビデオチュートリアルをご確認ください。
{% embed url="" %}
**スタイル設定**
スタイルタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご確認ください。
**行**
行には1つ以上のカラムが含まれます。行要素をクリックし、一般タブで、行内のカラム数を制御できます。
**一般設定**
| | |
| --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 「新しいアイテムを追加」ボタンをクリックして新しいカラムを追加します。アイテムの左にある縦三点リーダーのアイコンをクリック＆ホールドし、新しい配置にドラッグしてカラムを移動します。各タブアイテムの横にある2つのボタンを使用して、カラムを複製または削除します。 |  |
| **1行あたりのカラム数**: - すべてのデバイスおよびデスクトップでの1行あたりの最大カラム数は12です。- タブレットでの1行あたりの最大カラム数は6です。- モバイルでの1行あたりの最大カラム数は4です。 |  |
| **コンテンツ配置**: この行内のコンテンツの配置を指定します。 |  |
| **高さを等しくするを有効化**: この行内のすべてのカラムの高さを等しくします。 |  |
| **カラム間隔**: 行内のカラム間の間隔を調整します。この設定はデフォルトで30pxですが、このパラメータを編集できます。 |  |
属性、可視性、アニメーションパラメータの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご確認ください。
**スタイル設定**
スタイルタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご確認ください。
**カラム**
レイアウトにカラムを追加すると、自動的に行内に含まれます。すべての要素（レイアウト要素を除く）はカラムの中にネストされます。
**カラム**を選択してパラメータを表示します。
**カラムのリサイズ機構**
* カラム幅を左右に増減させると、次のカラムの幅がそれに応じて増減し、行の幅には影響しません。
* 1行あたりのカラム数のパラメータを変更すると、行内のすべてのカラムが自動的に均等にリサイズされ、各カラムのサイズは任意で編集できます。
* 1行あたりのカラム数が奇数の場合、この奇数のカラムは自動的に行内で全幅にリサイズされます。
例：
カラムが4つあり、1行あたりのカラム数を3に設定した場合：
* 1行目：カラムが3つあります（各カラムは行の領域の1/3を占めます）
* 2行目：カラムが1つあります（このカラムは行内で全幅になります）
詳細については、下の画像をご確認ください。
**一般設定**
ページキャンバスのカラムをクリックし、一般タブで、高さパラメータにカラムの高さを設定できます。
属性、可視性、アニメーションパラメータの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご確認ください。
**スタイル設定**
スタイルタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご確認ください。
### よくある質問
**1. Shopify ではなく PageFly レイアウト要素を使用すべきなのはなぜですか？**
PageFly レイアウト要素は、Shopify のデフォルトのレイアウト要素と比較して、より多くのデザインの柔軟性、カスタマイズオプション、および使いやすさを提供するため、使用すべきです。これにより、コーディングスキルなしで、ユニークでコンバージョンに最適化されたページを作成できます。
**2. PageFly ページを作成する際に、Gen 2 エディターではなくレガシーエディターを使用すべきなのはなぜですか？**
Gen 2 エディターを使用すると、ページレイアウトを迅速かつ柔軟にカスタマイズできます。カスタムコードを書くことなく、ページ上の各要素の幅と高さを簡単に編集できます。さらに、ページのパフォーマンスを向上させ、読み込み速度を速めるのに役立ちます。
### 追加リソース
* [PageFly 要素の概要](https://help.pagefly.io/manual/page-structures-and-elements/)
* [PageFly ページで全幅セクションを作成するための5つのステップ](https://help.pagefly.io/manual/create-a-full-width-section/)
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/containers/layout.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.