メインコンテンツにスキップ

セクションを並び替える

ドラッグ&ドロップや矢印ボタンを使って、ページ上のセクションを好きな順序に並び替えましょう。

セクションを並び替える

ドラッグ&ドロップや矢印ボタンを使って、ページ上のセクションを好きな順序に並び替えましょう。
​

セクションの順序が思い通りでない場合は、移動して好きな位置に配置できます。
​

並び替えの2つの方法

ドラッグ&ドロップ: セクションをクリックして長押しし、上下にドラッグして好きな位置にドロップします。
​

上下矢印ボタン: セクションをクリックして開き、上下の矢印ボタンで1つずつ移動します。
​

どちらの方法も問題なく使えます。使いやすいほうをお選びください。
​

ドラッグ&ドロップで並び替える手順

  1. メインナビゲーションの ウェブサイト に移動します

  2. セクションの左上にある移動アイコン(十字型の4方向矢印)を見つけます

  3. 移動アイコンをクリックして長押しします

  4. セクションを上下にドラッグして新しい位置へ動かします

  5. 配置したい場所でドロップします

ドラッグ中に他のセクションが移動して場所を空けます。離すと配置が固定されます。
​

矢印ボタンを使う手順

  1. メインナビゲーションの ウェブサイト に移動します

  2. 移動したいセクションにカーソルを合わせます

  3. セクションの左下にある上下の矢印ボタンをクリックします

  4. 上矢印をクリックするとセクションが1つ上に移動します

  5. 下矢印をクリックすると1つ下に移動します

目的の位置になるまで矢印をクリックし続けます。
​

順序が重要です

セクションはリストに表示されている順序でウェブサイトに表示されます。リストの一番上のセクションが最初に、次のセクションが次に、と順番にページ内に配置されます。
​

つまり、歓迎メッセージをタイムラインより先に表示したい場合は、歓迎メッセージセクションをタイムラインセクションよりリストの上に配置する必要があります。
​

別のページでの並び替え

複数のページがある場合、各ページには独自のセクション順序があります。ホームページでセクションを並び替えても、他のページには影響しません。
​

セクションを移動する前に、正しいページ上にいることをご確認ください。
​

ドラッグ&ドロップが動作しない場合

ドラッグ&ドロップは、うまく動作しないことがあります。その場合は次をお試しください。
​

代わりに矢印ボタンをお使いください。 同じように機能します。
​

ブラウザを更新してください。 これで解決することがあります。
​

ドラッグハンドルをつかんでいるかご確認ください。 セクションのすべての部分がドラッグ可能なわけではなく、ハンドルのみが対象です。
​

セクションを整理するヒント

見出しから始めましょう。 見出しセクションを使ってページの主要な区切りを作成し、関連するコンテンツを各見出しの下に配置します。
​

関連するセクションをまとめましょう。 タイムラインイベントは1カ所にまとめ、ウェディングパーティーの紹介も1カ所にまとめましょう。
​

重要な情報を先に。 最も重要な情報は、ゲストがすぐに目にするページの上部付近に配置しましょう。
​

順序をテストしましょう。 並び替えた後は、ゲストの視点でサイトを確認(プレビューまたは公開サイトを表示)して、順序が意味をなしているかご確認ください。
​

ページ間でセクションを移動する

セクションを別のページに丸ごと移動したい場合は、ドラッグでは移動できませんが、次の方法で対応できます。
​

  1. セクションの編集画面を開きます

  2. 割り当てるページを変更します

  3. 変更を保存します

セクションが別のページに移動します。その後、必要に応じてそのページで並び替えできます。
​

並び替えは即時反映されます

セクションを並び替えると、変更は即座に公開サイトに反映されます(サイトが公開中の場合)。公開ボタンを押すなどの操作は不要です。
​

サイトが公開中の状態で並び替えを行う場合はご注意ください。編集中にサイトを閲覧しているゲストには、セクションが動いている様子が見えてしまう可能性があります。
​

よくある並び替えの作業

セクションを一番上に移動: 一番上までドラッグするか、上矢印を繰り返しクリックして一番上にします。
​

セクションを一番下に移動: 一番下までドラッグするか、下矢印を繰り返しクリックして一番下にします。
​

2つのセクションを入れ替え: 片方を上下に移動して、もう片方と位置を交換します。
​

途中に新しいセクションを挿入: まず追加(一番下に表示されます)してから、希望の位置まで上に移動します。
​

関連記事

こちらの回答で解決しましたか?