テンプレートエディター

テンプレートエディターは、ブロックエディターユーザーが、ページや投稿で使用するテンプレートを編集、作成できる新機能です。投稿用のブロックエディターと同様に、いくつかの新しいテーマブロックを含むブロックを使用してコンテンツを編集、作成できます。この機能は、ブロックテーマ、またはこの機能の使用をオプトインしたクラシックテーマを使用するコンテンツ制作者のみが利用できます。

この機能にアクセスするには

テンプレートエディターにアクセスするには、Gutenberg プラグインをインストールしたブロックテーマか、この機能をオプトインしたクラシックテーマを使用する必要があります。テンプレートエディターを利用すべきかどうか判断するには、こちらの記事を参照してください。注意点として、この機能は、すべてのユーザーに提供されているわけではありません。ただし、今後のリリースで提供される予定です。ブロックテンプレートを作成する際には、投稿のエディターでおなじみのブロックに加えて、新しいテーマブロックを使用できます。テーマブロックは次のとおりです。

  • Site Logo (サイトロゴ)
  • Site Tagline (サイトのキャッチコピー)
  • Site Title (サイトタイトル)
  • Query Loop (クエリーループ)
  • Post Title (投稿タイトル)
  • Post Content (投稿本文)
  • Post Date (投稿日)
  • Post Excerpt (投稿の抜粋)
  • Post Featured Image (投稿のアイキャッチ画像)
  • Post Categories (投稿のカテゴリー)
  • Post Tags (投稿のタグ)
  • Login/out (ログイン / ログアウト)
  • Page List (固定ページリスト)

トップ ↑

テンプレート編集の使用法

注意: 以下の手順は、この機能をサポートするテーマを使用していることを前提としています。

テンプレートの編集

  1. 新しい投稿か固定ページを作成します。
  2. ブロック設定サイドバーを開き、ページ設定タブ、または投稿設定タブに移動します。
  3. 「テンプレート」セクションで、「編集」オプションを選択します。最初に編集オプションが表示されない場合は、恐らくブロックテーマを使用しておらず、現在のテーマテンプレートの作成、編集ができないためです。
  4. テンプレートの編集モードに入り、必要な変更を加えます。必要であれば、「戻る」オプションを選択してコンテンツに戻り、変更を加えることができます。
  5. 変更が完了したら、「公開」を選択し、指示に従って変更内容を確認します。保存する項目が複数表示される場合がありますので注意してください。

新規テンプレートの作成

  1. 新しい投稿か固定ページを作成します。
  2. ブロック設定サイドバーを開き、ページ設定タブ、または投稿設定タブに移動します。
  3. 「テンプレート」セクションで、「新規」オプションを選択します。
  4. 新しいテンプレートの名前を入力します。「全幅」のようなわかりやすい名前を付けてください。
  5. テンプレートの編集モードに入り、必要な変更を加えます。必要であれば、「戻る」オプションを選択してコンテンツに戻り、変更を加えることができます。
  6. 変更が完了したら、「公開」を選択し、指示に従って変更内容を確認します。保存する項目が複数表示される場合がありますので注意してください。

投稿やページにテンプレートを割り当てる方法

  1. テンプレートを変更するページや記事を開きます。
  2. ブロック設定サイドバーを開き、ページまたは投稿の設定タブに移動します。
  3. 「テンプレート」セクションに、使用するテンプレートを選択するドロップダウンオプションが表示されます。もし、表示されていなければ、追加でテンプレートを作成する必要があります。

トップ ↑

テンプレートエディターの識別方法

テンプレートエディター内にいることを確認する方法は3つあります。

  1. エディターを開くと、この機能を紹介するウェルカムガイドが表示されます。
Image showing a welcome guide with text introducing the template editor.

2. 編集中のテンプレートの周りに表示されるダークな枠

Image showing what the template editor looks like upon entering it, including the darker background framing the editor.

3. トップバーに表示されるテンプレート名

Image showing the top toolbar settings that list the post title and template name.

トップ ↑

テンプレート編集のデモ

トップ ↑

参照リンク

Changelog:

  • Created on July 11, 2021

この記事は役に立ちましたか ? どうすればさらに改善できますか ?