セクション・セクションパーツ

セクションとは

セクションは、ページ内のレイアウトを整理・区分するためのボックスです。初期状態で <section> タグが付与されているため、HTMLタグを自分で設定する必要はありません。

ページの構成を作る際は、まずセクションを追加し、その中に画像やテキストボックスなどのコンテンツを配置すると効率的です。

Studioで追加できるセクションには、次の2種類があります。

(A) セクションパーツ：あらかじめデザインとコンテンツ構成が用意されたセクションです。レスポンシブ対応も設定済みで、そのまま活用できます。

(B) 空のセクション（ボックス）：白紙のセクションを自分で自由にレイアウトできます。

特に初めてページを構築する場合は、セクションパーツの使用をおすすめします。

注意：セクションパーツに含まれるボックスのサイズを編集すると、元々設定されているレスポンシブ設定が崩れてしまうことがあります。

Tips：配置したセクションパーツのよくある質問

セクションパーツの編集に関する疑問は、以下のヘルプ記事を参照してください。

画像やテキスト、リンクを変えると、他のボックスも同じになってしまう：
編集中のボックスがリスト化されていることが要因です。ボックスをクリックした際に枠線が水色になる場合、そのボックスはリスト化されています。
リストの仕組みを理解し、リストの編集方法に沿って編集してください。
ヘッダーを他のページでも使いたい：
作成したヘッダーをコンポーネント化し、他のページにも配置してください。

Tips：セクションの横幅を指定する

セクションの横幅は、中に配置するコンテンツの最大幅になります。pxの単位を使って最大幅を指定することで、大きなディスプレイで見たときのレイアウト崩れを防ぐことができます。

section