セクションは、ページ全体のレイアウト構成を区切るための最上位のコンテナ要素です。
ヘッダー・メインコンテンツ・フッターなど、ページの大枠を分割して整理するために使用されます。
セクションごとに背景色や背景画像、余白、高さなどを個別に設定できるため、視覚的にも構造的にもわかりやすいページデザインが可能です。
また、各セクション内には「カラム」や「オブジェクト（テキスト・画像など）」を自由に配置することができます。
ページの目的に応じたセクションを組み合わせることで、柔軟かつ一貫性のあるコンテンツ作成が行えます。
ヘッダー・メインコンテンツ・フッターなど、ページの大枠を分割して整理するために使用されます。
セクションごとに背景色や背景画像、余白、高さなどを個別に設定できるため、視覚的にも構造的にもわかりやすいページデザインが可能です。
また、各セクション内には「カラム」や「オブジェクト（テキスト・画像など）」を自由に配置することができます。
ページの目的に応じたセクションを組み合わせることで、柔軟かつ一貫性のあるコンテンツ作成が行えます。
セクションの説明
セクションの追加方法
セクションは、ページの構成単位として使われる大枠のコンテナです。以下の手順でセクションを追加できます。- 左側のメニューから 「セクション」 をクリックします。
- 追加したい場所へドラッグ＆ドロップします。
- 挿入されたセクション内に、テキスト・画像・ボタンなどのオブジェクトを自由に配置していきます。
複数のブロックやカラムをグループ化したい場合にも活用できます。
セクションの設定の説明
セクションの設定項目について
セクションを選択すると、右側の「セクション設定」パネルで以下の設定を行うことができます。- ① ページ設定の幅を使用する
チェックを入れると、ページ全体の幅設定にセクションが従います。
チェックを外すと、セクションごとに独自の横幅設定が可能になります。 - ② ページ最小高
セクションの最小の高さ（min-height）を指定できます。
スライダーや数値入力で調整可能で、単位は px（ピクセル）または %（パーセント）を選べます。 - ③ 高さを画面高に合わせる
このオプションをオンにすると、セクションの高さがブラウザの画面全体の高さにフィットするようになります。
ファーストビューなどで全画面表示したい場合に便利です。
コメント
0件のコメント
サインインしてコメントを残してください。