Webサイトに余白を追加する

Webサイトのページ編集で、パーツのの余白を調整する方法について紹介します。

レイアウトパーツ、シングルパーツの場合

1.パーツの編集画面を表示します。

レイアウトパーツとシングルパーツの上下左右の余白調整は、編集画面内の空白から調整できます。
※シングルパーツでも、区切り線パーツと、空白パーツだけは、余白調整ができません。

画面キャプチャ

2.すべて/個別設定のどちらかを選択します。

「すべて」を選択すると、上下左右すべて同じ数値の余白が追加されます。
「個別設定」を選択した場合は、上下左右それぞれ違う数値の余白を追加できます。

画面キャプチャ

3.追加する余白の数値を選択します。

プルダウン(20、40、60、80、100(単位はpx))の中から、追加する余白の数値を選択します。
個別設定を選択して、余白を追加しない場合は、0を選択してください。

画面キャプチャ

ポイント

レイアウトパーツの中に追加したシングルパーツも、同じ方法で上下左右の余白調整が可能です。

セットパーツの場合

セットパーツの場合は、上下の余白調整が可能です。(左右の余白調整はできません。)

1.空白パーツを、パーツの間に追加します。

シングルパーツの空白パーツを、余白を追加したい箇所(セットパーツの上下)に追加します。

画面キャプチャ

2.空白パーツの編集画面で高さを選択します。

空白パーツの編集画面を表示して、プルダウン(20、40、60、80、100(単位はpx))の中から選択します。

画面キャプチャ

この記事は役に立ちましたか?

  • はい
  • いいえ