Outer（Pro版のみ）

Outerブロックは、ブロックの外側に背景画像や背景色、 枠線を設置することができるブロックです。
全幅のレイアウトにしたり、区切りの設定（傾斜 / カーブ / 波状 / 三角など）もできるので、ユーザーの目を引く見せ方ができます。

Outerブロックの各設定

ブロック全体にリンクを設置

ブロックツールバーの「リンクURL」からリンクの設置が可能です。ヒーローエリアなど全体にリンクをクリックできるようにしたい時にご利用ください。

背景設定

背景には色または画像を指定できます。色を指定すると、画像よりも優先されます。また、透過設定では、不透明度を0.01単位で設定可能です。
※背景画像を表示したい場合は、不透明度を0に設定してください。

背景画像は、PC・タブレット・モバイル毎にそれぞれ設定できます。

レイアウト設定

Outerブロックを全幅にしたい場合は、ブロックツールバーから設定します。

余白

なお、左右の余白については、「コンテナ内側のスペース設定」を利用すれば、PC・タブレット・モバイル毎に調整できます。単位は px / em / rem / vw から選べます。（em、rem、vwは小数の指定も可能）

最小高さ設定

Outerブロックの中に配置するブロックの高さがないときも、最小高さを設定しておけば、常に設定した高さ以上で背景画像などを表示できます。最小高さは、モバイル・タブレット・PCごとに設定できます。

区切りの設定

区切りのレベルをデバイス毎に指定

「端末毎に設定」のオプションを有効にすれば、デバイス毎に区切りのレベルを指定できます。PCだとちょうどよいカーブに設定しても、モバイルで見るとカーブがきつくなってしまうなど場合に、適宜調整してください。

枠線の設定

枠線の設定では、枠線の種類を選び、線の幅や色、枠線のRの大きさを設定できます。

※区切りレベルを適用すると表示されなくなります。