セクション［Divider］ブロック | WordPress 有料テーマ Emanon Pro

プラグイン「Emanon Blocks」を有効化すると、「セクション［Divider］ブロック」が利用できます。背景色や区切りでページの一部をデザインするためのブロックです。

セクション［Divider］ブロックは、サイドバーなし（1カラム）のページで使用することを前提としたブロックです。「サイドバーなし」に指定した投稿ページ、固定ページで使用してください。

ページ編集画面の右側にある非表示・無効を開き、サイドバーを非表示に切り替えることで１カラムのページになります。

設定

ブロックエディタのEmanon Blocksからセクションブロックをクリックし配置します。

セクション［Divider］ブロックの幅指定は、なし・幅広・全幅から選択できます。幅広は、横幅全てにコンテンツが広がるデザインです。スマホサイズで表示した場合、全幅は「サイドバーなし」に指定したページで横幅全てにコンテンツが広がるデザインです。

ブロック設定は、セクション［Divider］ブロック全体に影響を与える設定項目です。セクション［Divider］ブロックを２つ以上配置した場合の上向き余白や重なり順番、HTMLタグやボーダー指定などができます。

セクション［Divider］ブロックを２つ以上連続で配置した場合、ブロック間の余白を0にする時に有効に切り替えてください。
セクション［Divider］ブロックのz-indexを数値で指定できます。ブロックの重なり順を指定するものです。要z-indexで指定した数値が大きいほど重なり順の上にセクション［Divider］ブロックが配置されます。
セクション［Divider］ブロックを囲むHTMLタグを選択できます。
セクション［Divider］ブロックの枠線を指定できます。
セクション［Divider］ブロックの角の丸みを指定できます。
セクション［Divider］ブロックの高さを指定できます。最小の高さなのでコンテン要素によってセクションの高さは変動します。
セクション［Divider］ブロック内の余白をパソコン・タブレット・スマホごとに指定できます。

セクション［Divider］ブロック内は、各種ブロックを無制限に配置することが可能です。このブロックを配置するエリアをコンテンツと呼びます。コンテンツ設定では、コンテンツの表示位置をパソコン・タブレット・スマホごとに指定したり、ボーダー・角丸の指定などの設定が可能です。

コンテンツの幅を数値か100%指定に切り替える項目です。セクション［Divider］を全幅に指定するとWebブラウザの幅に合わせてコンテンツ範囲が広がります。
コンテンツ内のブロックをどの位置に表示するかパソコン・タブレット・スマホごとに指定します。
ボーダーの種類を指定できます。
コンテンツの角の丸みを指定できます。
コンテンツ内の余白を調整する機能です。
コンテンツ内に配置したブロックとブロックの間に生じる余白を一括で指定する機能です。スペーサー［Emanon］を使ってブロック間の余白を調整する場合は、ブロック間の余白を無効に切り替えます。