ページをカスタマイズする – Magnet ヘルプ

「ストアトップを作る」機能での、デザイン編集画面について詳しくご案内します。

画面の見方

__________2022-02-24_12.13.55.png

1.ページの選択	作成するページの選択を行います。ストアトップの場合、次の4ページをそれぞれ作成します。・PCトップ・スマホトップ・看板・フッター
2.反映メニュー	・プレビュー　完成するページのイメージを確認できます。・保存する　作業中のデザインを一時保存できます。・反映する　実際のページへデザインを反映します。
3.全体の設定	・背景フォント　このページ全体の、背景色・字体・フォントサイズの設定が行えます。・スマホとの連動　PCとスマホページの連動する・しないを選択できます。
4.デザイン編集欄	この欄で、表示のされ方を確認しながら、画像やテキストのパーツのパーツの追加・編集・削除・並び替えを行っていきます。

Magnetのデザインは、「パーツ」の組み合わせでできています。
パーツには「画像パーツ」「テキストパーツ」など、さまざまな種類が用意されていて、お好きに追加・削除・編集をすることができます。

「ここにパーツを追加する」ボタンから、お好みの位置にパーツを追加することができます。

__________2022-02-24_12.23.34.png

編集したいパーツにマウスを合わせて「編集」をクリックします。
　

__________2022-02-24_12.25.24.png

パーツの編集画面が開きます。それぞれのパーツに応じて、画像やテキスト、商品の入れ替えができるようになっています。

最後に「保存する」をクリックすれば、編集画面に適用されます。

削除したいパーツにマウスを合わせて「ゴミ箱マーク」をクリックします。

各ページ、次のような項目で全体のデザインを調整できます。

__________2022-02-24_12.30.16.png

字体	ゴシック、丸文字など、テキストの雰囲気を変更できます。
文字色	全体の文字色を指定できます。
文字サイズ	文字のサイズを変更できます。 ▼お勧めサイズ・PC：14〜16 ・スマホ：12〜14
背景色	ページ全体の背景色を指定できます。
全体の位置	横幅が、ページ全体の幅に満たない場合、左寄せ・中央寄せ・右寄せのどこに配置するか選択できます。

以上が基本的な機能となります。関連記事もご参考ください。