セクションを操作する

既成のセクションや空のセクションをページに追加し、並べ替え、複製、削除を行い、セクションの背景、余白、幅を変更します。

セクションとは、ページの幅いっぱいに広がる帯状の領域で、上部のヒーロー、商品の並び、行動を促すセクションなどがあります。ページ上のブロックはすべて、いずれかのセクションの中にあります。セクションは上から下へ積み重なり、それぞれが独自の背景、余白、幅を持ちます。

ページのセクションを確認する

左の列にある構成リストには、編集中のページのすべてのセクションが順番に、各セクションのブロック数とともに表示されます。ブロックの下へスクロールすると見つかります。ヘッダーとフッターは、それぞれ一番上と一番下に表示されます。

構成リスト。ヘッダー、6つのセクション、フッター、セクションを追加ボタンが表示され、Three products が選択されている

セクション名をクリックすると、そのセクションを選択できます。ページ上のセクションの空いている部分をクリックしても選択できます。すると、右の設定パネルにそのセクションの設定が表示されます。

セクションを追加する

  1. 構成リストの下部にあるセクションを追加、またはページの下部にあるセクションを追加をクリックします。
  2. セクションを追加ウィンドウでレイアウトを選びます。空の状態から始めるには空のセクションを選び、既成のレイアウトを使うにはヒーロー(文章と画像)、3つの特長、行動を促すセクションなどから選びます。レイアウトは、ヘッダーとヒーロー、コンテンツ、メディア、行動を促す導線、ショップなどの見出しごとにまとめられています。
    セクションを追加ウィンドウ。空のセクションと、ヘッダーとヒーロー、コンテンツの下にある既成のレイアウトが表示されている
  3. 新しいセクションは、ページの一番下、フッターのすぐ上に追加され、エディタがそこまでスクロールします。

空のセクションには、ここにブロックをドラッグして、このセクションを作り始めましょうと表示されます。ブロックパネルからブロックをドラッグして入れてください。詳しくはブロックを追加・移動・サイズ変更するをご覧ください。既成のレイアウトに入っている文章や画像は例です。ブロックを1つずつ選択して、ご自身のものに置き換えてください。

やめたい場合は、ウィンドウのキャンセルをクリックします。

セクションを移動する

セクションの順番を変更する方法は2つあります。

  • ページ上のセクションにカーソルを合わせるか、セクションを選択して、右上の角にある小さなツールバーの上矢印または下矢印をクリックします。
  • 構成リストで、セクション名の左にある点線のハンドルを押し、上または下にドラッグして離します。
セクションの右上にあるセクションツールバー。上へ移動、下へ移動、複製、削除のボタンが表示されている

ヘッダーとフッターは移動できません。常に一番上と一番下に固定されます。

セクションを複製する

セクションツールバーの複製ボタン(2つの重なった四角)をクリックします。コピーは、すべてのブロックとともに、元のセクションのすぐ下に表示されます。セクションを選択して、設定パネルの管理を開き、複製をクリックしても複製できます。

セクションを削除する

  1. セクションツールバーの削除ボタン(ゴミ箱)をクリックします。セクションを選択して、設定パネルの管理を開き、削除をクリックしても削除できます。
  2. セクションの中にブロックがある場合は、確認のウィンドウが表示されます。削除をクリックすると、セクションとその中身がすべて削除されます。
    このセクションを削除しますか?のウィンドウ。セクション Three products にはブロックが3個あると表示され、キャンセルと削除のボタンがある

空のセクションは、すぐに削除されます。どちらの場合も、上部バーの元に戻すをクリックするか、Ctrl + Z を押すと、セクションを元に戻せます。

セクションの設定を変更する

  1. セクションを選択します。
  2. 設定パネルで全般をクリックして開きます。
    Three products セクションの設定。名前、背景色、背景画像、画像を暗くする、文字色、最小の高さ、上下の余白、グリッドの間隔、コンテンツの幅
  3. 次のいずれかの設定を変更します。
  • セクション名: 構成リストに表示される名前です。表示されるのはあなただけで、訪問者には表示されません。
  • 背景色: セクション全体の背景の色です。解除するには、カラーピッカーでなしをクリックします。
  • 背景画像: セクションの背景に表示する画像です。アドレスを貼り付けるか、画像をアップロードまたはアップロード済みから選ぶをクリックします。詳しくは画像を追加してメディアライブラリを使うをご覧ください。
  • 画像を暗くする: 背景画像を暗くして、明るい色の文字を読みやすくします。セクションに背景画像がある場合にのみ有効です。
  • 文字色: ブロック側で個別に指定していない限り、セクション内の文字の色になります。
  • 最小の高さ: 中身が少なくても、セクションをこの高さ以上にします。
  • 上下の余白: ブロックの上下の余白です。
  • グリッドの間隔: ブロック同士の間隔です。
  • コンテンツの幅: ブロックを広げられる幅です。標準、広い、狭い、画面いっぱいから選びます。
ヒント: ヒーローを作るには、セクションに背景画像を設定し、画像を暗くするを上げて、その上に見出し、テキスト、ボタンを置きます。

ヘッダーとフッター

ヘッダーとフッターはすべてのページに表示されるため、特定のページのセクションには含まれません。構成リストのこれらの行には、ブロック数の代わりに目のボタンがあります。クリックすると、サイト全体でヘッダーまたはフッターを非表示にしたり、再び表示したりできます。非表示のヘッダーやフッターは、再び表示するまで選択できません。中身を変更するには、ヘッダーとフッターをカスタマイズするをご覧ください。

関連記事

Last updated 2026-10-03