サイトのヘッダーのコンテンツを並べ替える

このガイドでは、サイトのヘッダーにブロックを配置して、希望のレイアウトを作成する方法を説明します。

このガイドの手順に従うには、 サイトエディターをサポートしているテーマが必要です。サイトでサイトエディターを使用しているかどうかを簡単に確認するには、サイトのダッシュボードの 「外観」 → 「エディター」 で確認します。

ブロックの配置を変更するには、 ヘッダーテンプレート パーツにアクセスする必要があります。この操作を行ったことがない場合は、「 ヘッダーをカスタマイズする 」ガイドの手順に従ってください。

ヘッダー内のブロックを移動するには、次の手順に従います。

1. ​ ヘッダーテンプレートパーツの編集中に、「 リストビュー 」を開きます (エディターの左上付近にある リストビュー アイコン (3本の水平線) をクリック)。
2. 移動するブロックを見つけます。ブロックの横に「>」記号が表示されている場合は、その記号をクリックして展開すると、ネストされたブロックが表示されます。
3. ブロックの名前をクリックして長押しし、新しい位置にドラッグします。
4. 長押しを離すと、ブロックが新しい場所にドロップされます。
5. 「 保存 」ボタンをクリックして変更を保存します。

複数のヘッダーブロックを左右に並べる (サイトのタイトルの横にロゴを配置するなど) には、次の手順に従って 横並びブロック 内でヘッダーブロックをグループ化する必要があります。

1. ​ ヘッダーテンプレートパーツの編集中に、エディターの左上付近にあるリストビューアイコン (3本の水平線) をクリックして「 リストビュー 」を開きます。
2. 左右に並べる最初のブロック (ロゴなど) を選択します。
3. ​ Shift キー (PC) または Command キー (Mac) を押したまま、その横に配置する2番目のブロック (サイトのタイトルなど) をクリックします。
4. 表示されたツールバーで「 横並び 」アイコンをクリックします。
5. 「 保存 」ボタンをクリックして変更を保存します。

コンテンツのブロックのグループ化の詳細については、 こちらを参照してください。

複数のヘッダーブロックを縦に並べる (ソーシャルアイコンメニューの上にメニューを配置するなど) には、 縦積みブロック内でヘッダーブロックをグループ化する必要があります。

1. ​ ヘッダーテンプレートパーツの編集中に、エディターの左上付近にあるリストビューアイコン (3本の水平線) をクリックして「 リストビュー 」を開きます。
2. 積み上げる最初のブロック (メニューなど) を選択します。
3. Shift キーを押したまま、その下に配置する2番目のブロック (ソーシャルアイコンメニューなど) をクリックします。
4. 表示されたツールバーで「 縦積み 」アイコンをクリックします。
5. 「 保存 」ボタンをクリックして変更を保存します。

コンテンツのブロックのグループ化の詳細については、 こちらを参照してください。

全幅ヘッダーによって、ブラウザーウィンドウの幅全体を占める力強いデザインになります。ヘッダーを全幅にするには、以下の手順に従います。

1. ​ ヘッダーテンプレートパーツの編集中に、エディターの左上付近にあるリストビューアイコン (3本の水平線) をクリックして「 リストビュー 」を開きます。
2. ヘッダーを含む グループブロック を見つけます。
   • ヘッダーがグループブロックにない場合は、 (⋮) メニューをクリックして「グループ」を選択します。
3. ​ 表示されるツールバーで「 配置 」アイコンをクリックします。
4. 「 全幅」を選択します。
5. 「 保存 」ボタンをクリックして変更を保存します。

全幅コンテンツの作成について詳しくはこちらを参照してください。