ページレイアウト

Last update: Fri May 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
CMS

作成対象：

初心者
中級
管理者
ユーザー

ストア内の各ページのレイアウトは、ページのヘッダー、フッター、コンテンツ領域を定義する個別のセクションつまりコンテナで構成されます。レイアウトに応じて、各ページには 1 列、2 列、3 列またはそれ以上の列が含まれる場合があります。このレイアウトは、 平面図 を選択し、CMS、製品およびカテゴリの各ページのデフォルトとして使用する特定のレイアウトを割り当てます。

ページ上では、コンテンツブロックはフロートし、の「」セクションに従って使用可能なスペースを埋めます。ページレイアウトユーザーが割り当てられている場所に表示されます。レイアウトを 3 列から 2 列に変更すると、メイン領域の内容が拡張され、使用可能なスペースが埋められます。また、未使用のサイドバーに関連付けられているブロックが消えたように見えることにも注意してください。ただし、3 列のレイアウトを復元すると、ブロックが再び表示されます。この可変アプローチ、または リキッドレイアウト を使用すると、コンテンツを修正することなくページレイアウトを変更できます。個々のHTMLページの操作に慣れている場合、このモジュール式は、 構築ブロック アプローチは異なる考え方を必要とします。

標準 2 列（左側に棒グラフのページレイアウト）

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

日 Admin サイドバー、に移動 Stores > Settings>Configuration.
の下の左パネルで General、を選択 Web.
を展開この Default Layouts セクション。

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

この設定により、製品ページに対してデフォルトで使用されるレイアウトが決まります。
- No layout updates – 製品ページではレイアウトのアップデートを利用できません。
- Empty – 製品ページに空白のレイアウトを使用します。
- 1 column – 製品ページに 1 列のレイアウトを使用します。
- 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 - カテゴリページに 1 列レイアウトを使用します。
- 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 Page Layout CMS ページに使用する。

この設定により、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 ページのレイアウト。
- Category - Full Width – を使用します カテゴリ – 全幅 cms ページのレイアウト。
- Product - Full Width – を使用します 製品 – 全幅 cms ページのレイアウト。
完了したら、 Save Config.