セクションを挿入したい位置へドラッグ&ドロップで貼り付けることができます。

セクションを選択すると右上にサブメニューが表示されます。

1. クリックしながらドラッグ&ドロップで任意の場所へ移動できます。
2. セクションを複製します。
3. セクションを削除します。
4. ブロックに保存します。

セクション設定 #

1. セクションの幅を設定します。
2. ページ最小高を設定します。

デザイン #

デザインの項目を変更することでセクションのデザインを変更できます。

1. 背景を画像、単色、グラデーションの3つから選択できます。
2. 背景設定で選択した背景情報がレイヤーとして表示されます。
3. ボーダー設定はなし、実線、点線の3つから選択でき、線の太さを設定することができます。
4. ボーダーコーナーはボーダーの丸みを設定できます。
5. シャドウ設定ではインナー、ドロップ、テキストの3つから選択でき、それぞれシャドウの詳細な設定ができます。

レイアウト #

レイアウトの項目を変更することでセクションのレイアウトを変更できます。

1. Margin & Paddingの設定をすることで余白の設定ができます。
2. 横幅を固定から、最小、最大とそれぞれ設定できます。
3. 高さを固定から、最小、最大とそれぞれ設定できます。
4. 水平方向の項目を変更することでセクションの水平方向の配置を変更できます。
5. 垂直方向の項目を変更することでセクションの垂直方向の配置を変更できます。
6. Z-indexを設定することでセクションの重なり順を設定することができます。

表示設定 #

表示設定を変更することでセクションを表示したり非表示にする条件を設定できます。

1. レスポンシブの項目を変更することでデスクトップのみやモバイルのみに表示することができます。
2. アンカーリンクを設定することができます。
3. ログインユーザーのみ表示したり、さらにタグで絞りこんで条件表示することができます。

その他 #

1. CSS IDを設定できます。
2. CSS Classを設定できます。
3. メモを書いておくことができます。