[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト（Adobeで管理されるPaaS インフラストラクチャ）とオンプレミスプロジェクトにのみ適用されます。"}

ページレイアウト

最終更新日： 2026年10月12日

トピック：
CMS
Page Content

作成対象：

初心者
中級
管理
ユーザー

ストア内の各ページのレイアウトは、ページのヘッダー、フッター、コンテンツ領域を定義する個別のセクション（コンテナ）で構成されます。レイアウトによっては、各ページに1列、2列、3列またはそれ以上の列がある場合があります。このレイアウトは、ページの フロアプラン と考え、CMS、商品、カテゴリーページのデフォルトとして使用する特定のレイアウトを割り当てることができます。

ページ上で、コンテンツブロックがフローティングされ、使用可能なスペースが埋められます。これは、表示するように割り当てられているページレイアウトのセクションに従います。レイアウトを3列から2列に変更すると、メインエリアの内容が拡張されて使用可能なスペースが埋まることに注意してください。また、未使用のサイドバーに関連付けられているブロックが表示されなくなります。ただし、3列レイアウトを復元すると、ブロックが再び表示されます。この流動的なアプローチ（リキッドレイアウト）により、コンテンツを手直しすることなくページレイアウトを変更できます。個々のHTML ページの操作に慣れている場合、このモジュール式の ビルディングブロック のアプローチでは、異なる考え方が必要です。

左バーページレイアウトを含む標準の2列 {width="700" modal="regular"}

デフォルトレイアウトの設定

管理者 サイドバーで、Stores > Settings>Configurationに移動します。
Generalの下の左側のパネルで、Webを選択します。
Default Layouts セクションのを展開します。

{width="600" modal="regular"}
製品ページに使用する Default Product Layout を選択します。

この設定は、製品ページにデフォルトで使用されるレイアウトを決定します。
- No layout updates – 製品ページのレイアウト更新は利用できません。
- Empty – 商品ページに空白レイアウトを使用します。
- 1 column – 製品ページに単一の列レイアウトを使用します。
- 2 columns with left bar – 製品ページの左側にサイドバーがある2列レイアウトを使用します。
- 2 columns with right bar – 商品ページの右側にサイドバーがある2列レイアウトを使用します。
- 3 columns – 商品ページの左側と右側にサイドバーがある3列レイアウトを使用します。
ページビルダーが有効になっている場合は、追加の全幅オプションを使用できます。次に、ページビルダーのコンテンツツールを使用して、製品ページのレイアウトをデザインします。
- Page -- Full Width – 商品ページにページ – 全幅 レイアウトを使用します。
- Category -- Full Width – 製品ページにカテゴリ – フル幅 レイアウトを使用します。
- Product -- Full Width - （推奨）製品ページに製品 – 全幅 レイアウトを使用します。
カテゴリーページに使用する Default Category Layout を選択します。

この設定は、カテゴリーページにデフォルトで使用されるレイアウトを決定します。
- No layout updates - カテゴリページのレイアウト更新は利用できません。
- Empty - カテゴリーページに空白レイアウトを使用します。
- 1 column - カテゴリページに単一の列レイアウトを使用します。
- 2 columns with left bar - カテゴリーページの左側にサイドバーが表示されている2列レイアウトを使用します。
- 2 columns with right bar - カテゴリーページの右側にサイドバーがある2列レイアウトを使用します。
- 3 columns - カテゴリページの左側と右側にサイドバーがある3列レイアウトを使用します。
ページビルダーが有効になっている場合は、追加の全幅オプションを使用できます。次に、ページビルダーのコンテンツツールを使用して、カテゴリーページのレイアウトをデザインします。
- Page -- Full Width - カテゴリーページにページ – 全幅 レイアウトを使用します。
- Category -- Full Width - （推奨）は、カテゴリーページにカテゴリ – 全幅 レイアウトを使用します。
- Product -- Full Width - カテゴリーページに製品 – 全幅 レイアウトを使用します。
CMS ページに使用する Default Page Layout を選択します。

この設定は、CMS ページでデフォルトで使用されるレイアウトを決定します。
- No layout updates - CMS ページのレイアウト更新は利用できません。
- Empty - CMS ページに空白レイアウトを使用します。
- 1 column - CMS ページに1列レイアウトを使用します。
- 2 columns with left bar - CMS ページの左側にサイドバーがある2列レイアウトを使用します。
- 2 columns with right bar - CMS ページの右側のサイドバーに2列レイアウトを使用します。
- 3 columns - CMS ページの左側と右側にサイドバーがある3列レイアウトを使用します。
ページビルダーが有効になっている場合は、追加の全幅オプションを使用できます。次に、ページビルダーコンテンツツールを使用して、CMS ページのレイアウトをデザインします。
- Page -- Full Width - （推奨）CMS ページにPage - Full Width レイアウトを使用します。
- Category - Full Width - CMS ページにカテゴリ – 全幅 レイアウトを使用します。
- Product - Full Width - CMS ページにProduct - Full Width レイアウトを使用します。
完了したら、Save Configをクリックします。