パーツの「余白」を設定する

Magnetのデザインは、画像やテキスト欄の「パーツ」の組み合わせでできています。パーツの上下やパーツの中の余白を適切に設定することで、下記のような効果があるといわれています。

余白設定のポイント

余白を広く設定する	ゆったりとしたデザイン
余白を狭く設定する	賑やかなデザイン

 

パーツ内の余白を指定する

画像と画像の間など、主に左右に対しての余白のことを指します。

例：「商品コーナー」パーツに設定した場合

【設定方法】

１．パーツの編集画面を表示する

余白設定をしたいパーツにマウスを合わせて、表示されるメニューから「編集」ボタンを押します。

２．「レイアウト」を選択する

画面左側の「表示の設定」を選択します。

３．「間隔」を指定する

「間隔」をお好きな数値に変更します。(「保存する」をクリックすると実際の余白間隔を確認できます。)

パーツ間の余白を指定する

パーツに対して上下に余白を設定する事を指します。

例：「ギフトにおすすめ」パーツに設定した場合

【設定方法】

１．パーツの編集画面を表示する

余白設定をしたいパーツにマウスを合わせて、表示されるメニューから「編集」ボタンを押します。

２．「レイアウト」を選択する

画面左側の「レイアウト」メニューを選択します。

３．「上下パーツ間の間隔」を指定する

「上下パーツ間の間隔」をお好きな数値に変更します。(「保存する」をクリックすると実際の余白間隔を確認できます。)

※「鍵マーク」をクリックする事で、余白を上下それぞれ設定することもできます。

	上下の余白の間隔が固定されている状態
	上下の余白をそれぞれ設定できる状態