ガイド/サイトのレイアウト/ページごとに異なるヘッダーとフッターを作成する

ページごとに異なるヘッダーとフッターを作成する

このガイドでは、サイトのページごとに異なるヘッダーとフッターを作成する方法について説明します。サイトの特定のセクション用にカスタムヘッダーとカスタムフッターを作成する方法についても説明します。

要件

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

新しいヘッダーを作成する

まず、新しいヘッダーテンプレートパーツを作成します。

  1. サイトの ダッシュボードに移動します。
  2. 「外観」→「エディター」の順に移動します。
  3. パターン 」をクリックしてサイトのテンプレートパーツを表示します。
  4. パターンを追加」ボタンをクリックしてドロップダウンから「テンプレートパーツを追加」を選択します。
  5. ポップアップウィンドウで次の操作を行います。
    • わかりやすい名前 (「ホームページのヘッダー」や「ショップのヘッダー」など) を入力します。
    • エリアとして「ヘッダー」を選択します。
    • 追加」ボタンをクリックします。
The "Add Template Part" pop-up with a text field for name, the "header" section selected, and a "Save" button.
  1. ヘッダーをデザインします。
  2. 保存」ボタンをクリックして変更を保存します。

特定のテンプレートに新しいヘッダーを割り当てる方法については、 こちらを参照してください。

カスタムフッターを作成するには、次の手順に従います。

  1. サイトの ダッシュボードに移動します。
  2. 「外観」→「エディター」の順に移動します。
  3. パターン 」をクリックしてサイトのテンプレートパーツを表示します。
  4. パターンを追加」ボタンをクリックしてドロップダウンから「テンプレートパーツを追加」を選択します。
  5. ポップアップウィンドウで次の操作を行います。
    • わかりやすい名前 (「ホームページのフッター」や「ショップのフッター」など) を入力します。
    • エリアとして「フッター」を選択します。
    • 追加」ボタンをクリックします。
The "Add Template Part" pop-up with a field for a name, the Footer section selected, and a "Save" button.
  1. フッターをデザインします。
    • 「+」ブロック挿入ツール を使用してサイトのタイトルやナビゲーション、ソーシャルアイコンなどのブロックを追加します。
    • あらかじめ作成されているフッターパターンを試します。
    • 必要に応じて要素をカスタマイズします。
  2. 保存」ボタンをクリックして変更を保存します。

特定のテンプレートに新しいフッターを割り当てる方法については、 こちらを参照してください。

ヘッダーまたはフッターを使用する場所を選択する

新しいヘッダーまたはフッターを作成した後、カスタムテンプレートにそれらを割り当てることで、特定のページに表示できます。テンプレートによって、表示されるヘッダーやフッターなど、ページの構造が制御されます。

次の手順では、既存のテンプレートを編集し、ヘッダーまたはフッターを自分で作成したヘッダーまたはフッターに置き換える方法について説明します。ゼロから 独自のテンプレートを作成 することも可能です。

既存のテンプレートでヘッダーまたはフッターを置き換えるには、次の手順に従います。

  1. テンプレート 」をクリックします ( サイトエディターの左側のサイドバーにあります)。
  2. 既存のテンプレートをクリックしてエディターで開きます。
  3. リストビュー 」を使用して既存のヘッダーまたはフッターのテンプレートパーツを選択します。
  4. テンプレート名の横にある () をクリックしてドロップダウンメニューから 「置換」 を選択します。
  5. 先ほど作成した新しいヘッダーまたはフッターをクリックします。
  6. 保存 」ボタンをクリックして変更を保存します。

特定のページまたは投稿にテンプレートを割り当てる方法については、 こちらを参照してください。

Copied to clipboard!