背景セクションは、プラグイン「Emanon Premium Blocks」のブロックです。セクションエリアにブロック背景画像が設置できるブロックです。

設定

ブロックエディタから背景[セクション]を配置します。

背景[セクション]初期配置

幅広・全幅の指定が可能です。全幅は1カラム(サイドバーなし)のページで適用されます。

ブロック設定

ブロック幅[%]は、幅広・全幅が指定されていない状態で有効になる機能です。背景[セクション]の横幅をパソコン、タブレット、スマホ単位で指定できます。

背景[固定]設定

セクションの背景に画像の指定が可能です。

背景[流動]設定

背景[流動]は、背景[固定]に対して上下ずらし配置が可能な背景色の装飾パーツです。背景[固定]に対して前面配置(上:背景[固定])と背面配置(下:背景[固定])の指定が可能です。

下記は背景[流動]背面配置にし、下にずらした表示です。色設定で#D1E3F6を指定しています。

背景[流動]

コンテンツ幅[最大px]・コンテンツ外余白

ブロックを配置できるコンテンツ領域の横幅を指定できます。コンテンツ外余白は、背景[セクション]の親要素に対してマイナスマージンを指定できる機能です。

コンテンツ内余白

背景[セクション]の内側に指定する余白です。上下、左右指定ができます。詳細設定をクリックすると、上・下・左・右ごとに好きな数値で指定が可能になります。

背景[セクション]内(インナーブロック)のブロック間余白

背景[セクション]に複数のブロックを縦に配列する場合、ブロック余白設定またはスペーサーブロック同士の距離(上下の余白)を調整してください。

ブロック余白設定

表示例

下記の表示例は、背景[固定]画像なしの表示です。色設定背景[固定#333333に指定しています。セクション内に見出しブロックを配置しています。

背景[固定]画像なし

背景[固定]画像あり

下記の表示例は、背景[固定]設定で背景画像を配置。セクション内に見出しブロックを配置しています。

背景[固定]画像あり

背景[固定]画像あり+背景[流動]

下記の表示例は、見出しブロックと背景[流動]を設定しています。

背景[固定]画像あり+背景[流動]

背景[流動]の設定は下記の通りです。配置の順序で上:背景[固定]を指定し、垂直配置と水平配置に数値を入れることでずらし表現になります。

色設定にて背景[流動]の色を指定できます。