セクションとは

「セクション」ブロックは画面幅いっぱいにコンテンツを配置したい場合に使用します。
主にメインビジュアル部分やトップページなどのサイドバーなし(1カラム)のページで使用し、コンテンツのまとまりごとに背景色や画像・動画を表示したり、任意の高さを調整することが出来ます。

セクションブロック

セクションの作成方法

STEP1
「セクション」のアイコンをクリック

記事投稿画面のブロック挿入ツールから「セクション」のアイコンをクリックします。

「セクション」のアイコンをクリック
STEP2
セクションを挿入

選択すると、初期状態のブロックが挿入されます。

セクションの設定

ブロックを選択すると、記事投稿画面に設定パネルが表示されます。

以下の項目について設定できます。

設定セクションの横幅やコンテンツの横幅、
上下の余白・高さなどを指定できます。
背景の設定背景に画像や動画を指定したり、オーバーレイを設定できます。
境界線の設定セクションの上部・下部の形を変更できます。

詳細設定について

以下の項目について設定できます。

セクションの幅セクションの幅をコンテンツと同じ「ノーマル」、画面全体の「全幅」から選択できます。
コンテンツの幅コンテンツの幅を「自動」「全幅」「カスタム」から選択できます。
主にセクション内の要素の幅を指定したい場合に使用します。
カスタム選択時は単位をクリックすることで%、px、emで指定できます。
セクションの上下の余白上下それぞれの余白を指定できます。主に余白を細かく指定したい場合に使用します。
単位をクリックすることでem、pxで指定できます。
セクションの高さの最小値高さの最小値を指定できます。主にメインビジュアルのような画面全体に表示したい場合に使用します。
単位をクリックすることで、px、em、rem、vw、vhで指定できます。

背景の設定について

以下の項目について設定できます。

背景の設定
画像・動画を選択PCとモバイルで別々の画像・動画を指定できます。
フィルターの種類網目」、「」、「斜線」のフィルターを選択できます。
画質の荒い画像や動画を使用する場合に効果的です。
※画像・動画を選択している場合のみ設定が表示されます。
フィルターの不透明度上記のフィルターの不透明度を指定できます。
※画像・動画を選択している場合のみ設定が表示されます。

境界線の設定について

以下の項目について設定できます。

境界線の設定
境界線の種類セクションの上部・下部の形を「斜線」、「」、「」に変更できます。
境界線レベル境界線の変化のレベルを指定できます。