ガイド/一般/テンプレートパーツ

テンプレートパーツ

テンプレートパーツはレイアウトの一部で、サイトの複数のエリアで再利用できます。サイトのヘッダーフッターは、テーマに通常含まれている一般的なテンプレートパーツです。このガイドでは、サイトのテンプレートパーツを作成および制御する方法について説明します。

テンプレートパーツについて

サイトでサイトエディターをサポートするテーマを使用している場合、テンプレートパーツを使用できます。サイトがサイトエディターを使用しているかどうかを簡単に判断するには、ダッシュボードの「外観」でチェックします。ここに「エディター」が表示されている場合、次の手順でサイトのテンプレートパーツにアクセスできます。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 「パターン」メニューオプションをクリックします。
  4. 「テンプレートパーツ一覧」というヘッダーに、テンプレートパーツのグループ (ヘッダー、フッター、一般など) があります。

テンプレートパーツへのアクセス方法については、以下の動画を視聴してください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

ページや投稿のパターンと同様に、テンプレートパーツはテンプレート全体で再利用できます。テンプレートパーツ内で編集を行うと、サイトでそのテンプレートパーツを使用しているすべての場所が変更のとおりに更新されます。

テンプレートパーツはテンプレートでのみ使用できます。テンプレートパーツを追加した際に「「テンプレートパーツ」ブロックを挿入できません。」というメッセージが表示された場合は、ページや投稿のコンテンツを編集していないことを確認してください。テンプレートの編集について、詳細はこちらをご覧ください。

テーマに複数のヘッダーまたはフッターのテンプレートパーツが含まれている場合があります。たとえば、ホームページ固有のヘッダーと、他のページ用の別バージョンのヘッダーが含まれている場合があります。

既存のテンプレートパーツを編集する

サイトでテーマを有効化すると、必要に応じてカスタマイズできるテンプレートパーツがいくつか付いてきます。既存のテンプレートパーツを編集するには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 「パターン」をクリックし、「テンプレートパーツ一覧」をクリックします。
  4. テンプレートパーツの名前をクリックし、右側の編集エリアをクリックしてエディターインターフェースを開きます。
  5. テンプレートパーツの任意のブロックをクリックして編集するか、 「+」ブロック挿入アイコンをクリックして新しいブロックを追加します (WordPress エディターの使い方についてはこちらをご覧ください)。
    • ヒント: 「リスト表示」を使用するには、画面上部にある3本の水平線のアイコンをクリックします。これは、テンプレートパーツ内のすべてのブロックのリストを表示し、すべてのレイアウトを確認する際に便利です。リストビューを使用して、新しいブロックを移動、削除、追加できます。
    • ヒント: ヘッダーやフッターなどのテンプレートパーツのデザイン方法がわからない場合は、ブロックパターンを参照して、事前に用意されたデザインのいずれかを使用します。
  6. 変更を完了したら、「保存」ボタンをクリックします。テンプレートパーツが使用されているすべてのサイトに変更が表示されます。

テンプレートパーツの編集方法については、以下の動画を視聴してください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

新規テンプレートパーツを作成する

新しいテンプレートパーツを作成して、サイト全体で再利用できます。新しいテンプレートパーツを作成する一般的な理由の1つは、特定のページに表示する異なるバージョンのヘッダーまたはフッターを作成することです。

テンプレートパーツの作成方法には、次の3つがあります。

パターンから

エディターの「パターン」セクションから新しいテンプレートパーツを作成するには、次の手順を実行します。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 「パターン」をクリックします。
  4. 右側の「新規パターンを追加」ボタンをクリックします。
  5. メニュードロップダウンから「新規テンプレートパーツを追加」を選択します。
    • 新しいテンプレートパーツに、その目的を説明する短い名前 を入力します。
    • 新しいテンプレートパーツ用のサイト領域を「一般」、「ヘッダー」、「フッター」から選択します。
    • 「作成」ボタンをクリックします。
  6. 「+」ブロック挿入アイコンをクリックし、テンプレートパーツに含める任意のブロックまたはパターンを挿入します。
  7. デザインを完成したら、「保存」ボタンをクリックします。

新しいテンプレートパーツをテンプレートに挿入できるようになります。

エディターから

テンプレートの編集中に新しいテンプレートパーツを作成できます。エディターから新しいテンプレートパーツを作成するには、次の手順を実行します。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 画面の右側をクリックして、ホームページテンプレートの編集インターフェースを開きます。
    • または、「テンプレート」に移動して、編集する特定のテンプレートを選択します。
  4. 「+」ブロック挿入アイコンをクリックして「テンプレートパーツ」を検索します。クリックしてページに追加します。
  5. 次の2つのオプションが表示されます。
    • 選択: ヘッダーやフッターなど、テーマに付属するテンプレートパーツから1つ選択します。
    • 新規: テンプレートパーツに名前を付けて「作成」ボタンをクリックし、新しいテンプレートパーツをゼロから作成します。
最初に追加した後のテンプレートパーツブロックで、「選択」または「新規」オプションが表示されます。
  1. 「+」ブロック挿入アイコンをクリックし、使用するブロックパターンを挿入します。
  2. デザインを完成したら、「保存」ボタンをクリックします。

新しいテンプレートパーツをテンプレートに挿入できるようになります。

既存のコンテンツから

テンプレートパーツは既存のコンテンツから、または他のテンプレートで作成したコンテンツから、作成できます。テンプレート内のコンテンツをテンプレートパーツに変換するには、次の手順を実行します。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 画面の右側をクリックして編集インターフェースを開きます。
    • または、「テンプレート」に移動して、編集する特定のテンプレートを選択します。
  4. 複数のブロックを選択するか、新しいブロックを追加して、ツールバーに表示される3つの点 () をクリックします。
  5. 「テンプレートパーツを作成」オプションを選択して、次の操作を行います。
    1. 新しいテンプレートパーツに、その目的を説明する短い名前 を入力します。
    2. 新しいテンプレートパーツ用のサイト領域を「一般」、「ヘッダー」、「フッター」から選択します。
    3. 「作成」ボタンをクリックします。
  6. デザインを完成したら、「保存」ボタンをクリックします。

新しいテンプレートパーツをテンプレートに挿入できるようになります。

既存のテンプレートコンテンツからテンプレートパーツを作成する方法については、以下の動画を視聴してください。「再生」ボタンをクリックし、右下隅のコントロールを使用して、動画の再生速度を調整します。

サイトにテンプレートパーツを追加する

前のセクションの説明に従って、既存または新規のテンプレートパーツのデザインを完成したら、テンプレートパーツをサイトに挿入できます。その方法は以下のとおりです。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. テンプレートパーツを追加するテンプレートを選択します。
  4. 「+」ブロック挿入をクリックして、テンプレートパーツの名前を検索します。クリックして追加します。
    • または、「テンプレートパーツ」を検索およびクリックしてサイトに追加します。次に、「選択」をクリックしてサイトのテンプレートパーツを参照します。
  5. 「保存」ボタンをクリックします。

テンプレートパーツを移動する

テンプレートパーツをテンプレート内の別の場所に移動するには、次の手順を実行します。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 編集するテンプレートを選択するか、サイトのプレビューをクリックしてサイトエディターを開きます。
  4. 画面の左上にある「リストビュー」を開きます (3本の水平線が縦に並んだアイコンです)。
  5. 「リストビュー」でテンプレートパーツの名前をクリックします。
  6. テンプレートパーツをクリックした後に表示されるツールバーの上下の矢印を使用するか、「リストビュー」でテンプレートパーツを新しい位置にドラッグします。
  7. 「保存」ボタンをクリックして変更を保存します。

テンプレートパーツの移動は、個々のブロックの移動と同じように操作できます。さらにサポートが必要な場合は、「ブロックを選択して移動する」方法についてのガイドをご覧ください。

テンプレートパーツを削除する

テンプレートパーツの削除は元に戻すことができません。いったん削除したテンプレートパーツを復元する方法はありません。テンプレートパーツを削除するには:

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 「パターン」をクリックし、「テンプレートパーツ一覧」をクリックします。
  4. テンプレートパーツ名の横にある省略記号 (3つの点) をクリックします。
  5. 「削除」オプションを選択します。
    • 削除オプションはテーマのデフォルトのテンプレートパーツには表示されません。
Copied to clipboard!