プラグイン「Emanon Premium Blocks」を有効化すると、「セクションブロック」が利用できます。セクションブロックは、サイドバーなし(1カラム)のページで使用することを前提としたブロックです。Emanon Premiumのカスタム投稿ページ[セールス]での使用や、「サイドバーなし」に指定した投稿ページ、固定ページで使用してください。
設定
ブロックエディタのEmanon Premium Blocksからセクションブロックを配置します。
セクションブロックの幅指定は、なし・幅広・全幅から選択できます。幅広は、横幅全てにコンテンツが広がるデザインです。スマホサイズで表示した場合、全幅は「サイドバーなし」に指定したページで横幅全てにコンテンツが広がるデザインです。
ブロック設定
ブロック設定は、セクションブロック全体に影響を与える設定項目です。セクションブロックを2つ以上配置した場合の上向き余白や重なり順番、HTMLタグやボーダー指定などができます。
- セクションブロックを2つ以上連続で配置した場合、ブロック間の余白を0にする時に有効に切り替えてください。
- セクションブロックのz-indexを数値で指定できます。ブロックの重なり順を指定するものです。要z-indexで指定した数値が大きいほど重なり順の上にセクションブロックが配置されます。
- セクションブロックを囲むHTMLタグを選択できます。
- セクションブロックの枠線を指定できます。
- セクションブロックの角の丸みを指定できます。
- セクションブロックの高さを指定できます。最小の高さなのでコンテン要素によってセクションの高さは変動します。
- セクションブロック内の余白をパソコン・タブレット・スマホごとに指定できます。
コンテンツ設定
セクションブロック内は、各種ブロックを無制限に配置することが可能です。このブロックを配置するエリアをコンテンツと呼びます。コンテンツ設定では、コンテンツの表示位置をパソコン・タブレット・スマホごとに指定したり、ボーダー・角丸の指定などの設定が可能です。
- コンテンツの横幅を指定する項目です。スマホで表示の場合は横幅100%に自動調整させれます。
- コンテンツ内のブロックをどの位置に表示するかパソコン・タブレット・スマホごとに指定します。
- ボーダーの種類を指定できます。
- コンテンツの角の丸みを指定できます。
- コンテンツ内の余白を調整する機能です。
- コンテンツ内に配置したブロックとブロックの間に生じる余白を一括で指定する機能です。スペーサー[Emanon]を使ってブロック間の余白を調整する場合は、ブロック間の余白を無効に切り替えます。
区切り線[上]設定 区切り線[下]設定
セクションブロックの上下にデザインされた区切りを表示できる機能です。区切りスタイルからお好みのデザインを選び、レベル(高さ)を調整して使用してください。必要に応じて水平反転(左右の入れ替え)や垂直反転(上下の入れ替え)を指定します。
- スタイルを指定することで区切り部分が装飾されます。
- レベルは、スタイルの高さを意味します。パソコン・タブレット・スマホごとに指定できます。実際のデザインを確認しながら調整してください。
- 区切りスタイルを左右に反転して表示できます。
- 区切りスタイルを上下に反転して表示できます。
背景設定
セクションブロック全体の背景に画像ファイルや動画ファイルを表示する機能です。
- メディアは、パソコン・タブレット・スマホごとに指定が可能です。画像ファイルや動画ファイルを背景に指定できます。
オーバレイ
オーバレイは、セクションブロック全体に被さる装飾指定の機能です。色を被せたり、テクスチャを被せることができます。
- 不透明度[オーバレイ]は、色設定で指定できるオーバレイの不透明度を変更する項目です。数字を1にすると不透明が最大になります。
- テクスチャは、ドット柄やストライプ柄などを指定できる項目です。
- 不透明度[テクスチャ]は、色設定で指定できるテクスチャの不透明度を変更する項目です。数字を1にすると不透明が最大になります。