ページのレイアウトを設定する

(ページ作成・削除 / 「STEP1 ページレイアウト編集」画面)

ページレイアウト設定画面

ページの基本情報設定画面から「保存してレイアウト設定へ進む」ボタンをクリックすると、
「STEP1 ページレイアウト編集」画面へ遷移します。

※ページを作成した後は、以下の方法でもこの画面へ遷移することができます。
・メニュー一覧から該当ページの「1」ボタンをクリック
・「STEP2 パーツレイアウト編集」画面、「STEP3 パーツ個別設定」画面から「1」ボタンをクリック

1.レイアウト枠を配置する

初期状態では、ドロップエリア(オレンジの枠)に何も配置されていない状態です。
左上の「レイアウト枠」エリアから使用するレイアウト枠を選び、ドラッグ&ドロップでドロップエリアに配置します。
ドロップエリアには複数のレイアウト枠を配置できます。また、配置した後、ドラッグ&ドロップで上下を入れ替えることも可能です。
配置したコンテナを削除する場合は、コンテナ右上の「×」ボタンをクリックし、確認ダイアログの「OK」をクリックします。

※アプリの種類と配置されているパーツにより、レイアウト枠が削除できない場合があります。

レイアウト枠配置画面

2.配置を確定する

配置が完了したら、上部「保存して次へ」ボタンをクリックすると自動的に配置を確定し、
「STEP2 パーツレイアウト編集」画面へと遷移します。STEP2では、ページの要素を配置していきます。
(画面右上「2」ボタンをクリックすることでも、「STEP2 パーツレイアウト編集」画面に遷移することができます)

<注意>
レイアウト枠を配置していない状態で「保存」をクリックしても、内容は保存されません。
(ページの要素を全て削除した状態を保存したい場合は、全てのレイアウト枠を削除した後、
空のレイアウト枠を入れた状態で保存してください。レイアウト枠は公開画面に表示されません)

3.プレビューする

画面右上虫眼鏡ボタンをクリックするとプレビュー画面が別ウインドウで開きます。

4.ページ一覧へ戻る

画面右上「←」ボタンで、該当メニューの一覧画面に戻ります。