余白の設定

余白の設定画面

◆数値の設定について
・セクションは32pxごと、コンテナは16pxごと、パーツは8pxごとの設定になります。
・それぞれマージンには「-128～128px」、パディングには「0～128px」が設定できます。
・自動にはセクション、コンテナ、パーツそれぞれの初期値が設定されています。
・背景をつけると自動で余白が入ります。

固定表示では余白の見た目が変わる場合があるので注意が必要です。
レスポンシブ設定についてはこちら → 「レスポンシブ設定」
固定設定についてはこちら → 「固定設定」

マージンの設定

1. マージンを付けたいパーツをクリック。
2. 「余白」をクリック。
3. 該当箇所をクリック。
   
   クリックすると、数値設定ウィンドウが表示されます。
   「自動」の場合は初期値が設定されていますので、一度初期値を外すために「+」または「-」ボタンを押してください。
4. マージンを設定。
5. 「OK」で確定。
6. 以上が、マージンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

パディングの設定

1. パディングを付けたいパーツをクリック。
2. 「余白」をクリック。
3. 該当箇所をクリック。
   
   クリックすると、数値設定ウィンドウが表示されます。
   「自動」の場合は初期値が設定されていますので、一度初期値を外すために「+」または「-」ボタンを押してください。
4. パディングを設定。
5. 「OK」で確定。
6. 以上が、パディングの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

コンテナやパーツの移動

移動の操作手順

1. 移動したいパーツをクリック。
2. 「余白」をクリック。
3. 矢印をクリック。
   
   移動可能範囲内は、上下左右自由に移動することができます。
4. 「OK」で確定。
5. 以上が、パーツを移動する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

コンテナやパーツの拡大/縮小

拡大/縮小の操作手順

1. 拡大したいパーツをクリック。
2. 「余白」をクリック。
3. 「＋」ボタンをクリック。
   
   「－」ボタンで縮小されます。可能範囲内で自由に拡大/縮小することができます。
4. 「OK」で確定。
5. 以上が、パーツを拡大する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。