ページ 垂直方向に配置される完全に編集可能なセクションで構成されています。 を使用して セクションの追加とスニペットのドラッグ アンド ドロップが簡単 ページの外観を簡単に変更できます。
ページにセクションを追加すると、デスクトップおよびモバイル ビューのセクションを簡単にカスタマイズできます。
ここで扱われる内容:
セクションの管理
- 管理するセクションにマウスを置きます。
- これにより、 編集ツールバー (1) セクションの右上隅にあります。
- セットアップボタンをクリックすると、セットアップが開始されます セクション編集 (2) セクション設定ボックスを開くオプション。
セクション設定ポップアップには、幅、高さ、コンテンツの位置、およびその他のいくつかのカスタマイズ オプションを管理するための 5 つのタブがあります。
セクションタブ
[セクション] タブから、次の項目を管理できます。
- 背景の幅: セクションの幅を選択します。
- 高さ: セクションの高さを設定します。 使用 自動応答オプション オプションを使用すると、セクションの高さがセクションのコンテンツによって異なります。
- 内側/外側のパディング:
- 時 フルブリード or サイトの幅 として選択されています 背景の幅 セクションの 内側のパディング 適用されます。 セクション内のコンテンツの周囲に適用されます。
- 時 箱入りの オプションが 背景の幅 セクションの 外側のパディング 適用されます。 セクションの周囲 (外側) に適用されます。
[コンテンツ]タブ
セットアップボタンをクリックすると、セットアップが開始されます コンテンツ タブ (1) でコンテンツ設定を表示します。
- コンテンツの幅: セクション内のコンテンツの幅を設定します。
- コンテンツの配置: コンテンツを左揃え、右揃え、または中央揃えに設定します。
- コンテンツ ブロックの位置: セクション内にコンテンツを配置します。
セクションのオプション
セットアップボタンをクリックすると、セットアップが開始されます オプション タブ (1) でコンテンツ設定を表示します。
- 有効にします モバイルデバイスでセクションの高さを管理 オプションなので、モバイルの高さはセクションの内容によって異なります。
- 特定します 上と下 セクションのモバイルビューのパディング。
- 管理する 透明性 デスクトップおよびモバイルデバイスに関するセクションの。セクションを完全に非表示にすることもできます。 さらに詳しく.
- 有効化/無効化 スクロールアイコン セクション用。これにより、ページ上の次のセクションまで画面がスクロールされます。
- 有効にします 視差効果 背景画像をアニメーション化します。視差効果がオンになっている場合、コンテンツはセクションの背景上をスクロールします。つまり、背景は静止したままになります。
- 特定します セクション ID セクション用。ここではスペースを使用できません。
これは、Web サイトにアンカー リンクを作成するときに役立ちます (次の場合に最も役立ちます)。 単一ページのWebサイト). もっと知る.
境界線タブ
境界線は、ページ上のさまざまなセクションを区切る視覚的な境界を指します。これらの境界線をカスタマイズして、Web サイトのデザインとレイアウトを向上させることができます。
セクションの境界線を有効にすることができます。 枠線タブ. こちらをクリックしてください セクションの境界線のカスタマイズについて詳しくは、こちらをご覧ください。
区切りタブ
オプションでセパレーターを組み込むことができます。セパレーターは、個別のセクションを結合したり、セクション間に装飾要素を追加したりして、視覚的な魅力と全体的なデザインの統一性を高めます。
次のセクションの区切り文字を有効にできます。 区切りタブ. さらに詳しく セパレータの使用について。