SAMPLE IMAGE この画像は差し替えてご利用ください

余白

目次

033-3-1 余白の調整

上下コンテンツの間に間隔を設けるには、[余白]コンテンツを追加する。

ここでは、「ホーム」ページの見出しとその下に配置された文章の間に間隔を設ける。

➊[余白]を追加する位置で、[+ コンテンツを追加]をクリック

jdg033_44:余白を追加する
jdg033_44:余白を追加する

➋[余白]のアイコンをクリックする

jdg033_45:余白のアイコン
jdg033_45:余白のアイコン

➌[余白]の編集ツールで、余白のサイズを調整し、[保存]する

jdg033_46:余白のサイズ
jdg033_46:余白のサイズ

コンテンツとコンテンツの間に、指定したサイズの余白が設けられる。

尚、確認は「プレビュー」で行いましょう。

jdg033_47:余白の追加
jdg033_47:余白の追加

上図にあるように、文章領域とフッターの間にも余白を入れましょう。