テンプレートパーツブロック

ブロック一覧へ戻る

テンプレートパーツブロックは、WordPress 5.9から導入された高機能なブロックです。ブロックテーマやテンプレート編集をサポートするテーマで使用できます。テンプレートパーツブロックは、テーマに付属している場合が多く、サイト構造を整理して表示するために使用されます。テンプレートを作成、編集している間のみ使用でき、サイト上で繰り返される領域のブロックを管理できます。たとえば、サイトヘッダーやサイトフッターのような領域の作成に最適です。テンプレートパーツ内のブロックを変更すると、エディターは、そのテンプレートパーツを含むすべてのブロックテンプレートのブロックを更新します。

テンプレートパーツブロックを追加するには、「ブロックを追加」ボタンをクリックし、テンプレートパートブロックを選択します。また、新しい段落ブロックで「/template part」と入力して Enter キーを押して、すぐに追加することもできます。多くの場合、このブロックを検索すると、ヘッダーやフッターなど、テンプレートパーツブロックの種類を選択するオプションも表示されます。ブロックインサーターでヘッダーやフッターを検索してブロックを挿入するか、ショートカットの「/header」「/footer」を使用することもできます。

ブロックを追加する詳細な手順については、こちらを参照してください。

テンプレートパーツの追加

テンプレートエディターやサイトエディターで直接テンプレートを編集する際に、テンプレートを追加できます。テンプレートパーツを追加した後、既存のパーツから選択するか、新規にテンプレートパーツを作成できます。

トップ ↑

既存のテンプレートパーツからの選択

「既存の選択」ボタンを選択すると、既存のパーツを検索、プレビュー、選択できるモーダルウィンドウが表示されます。これらのパーツは、使用するテーマに依存します。

トップ ↑

新規テンプレートパーツの作成

「新規テンプレートパーツ」を選択して、名前を付けます。将来、見つけやすいように、説明的な名前を付けるとよいでしょう。

「作成」ボタンをクリックすると、ブロックが配置され、カスタマイズを始められます。

トップ ↑

テンプレートパーツリストからの新規テンプレートパーツの作成

ブロックテーマを使用している場合は、管理画面の「外観」 > 「エディター (ベータ)」 > 「テンプレートパーツ」のテンプレートパーツ一覧からも新規に作成できます。「新規追加」ボタンを選択するとモーダルウィンドウが表示され、テンプレートパーツの名前を追加し、領域を選択できます。新規にテンプレートパーツを作成するには、名前を付ける必要があります。

トップ ↑

テンプレートパーツのカスタマイズ

テンプレートパーツブロックを追加または選択した後、中にブロックを追加することで、さまざまなカスタマイズが可能です。編集中の現在のテンプレートパーツを見つけやすくするために、以下のオプションの使用をお勧めします。

• テンプレートを編集中にリストビューを使用する。編集するコンテンツ内でヘッダーやフッターをすばやく特定できます。
• 後述するテンプレートパーツフォーカスモードを使用する。

トップ ↑

テンプレートパーツフォーカスモード

ヘッダーやフッターなどのテンプレートパーツの編集に集中するために、個々のテンプレートパーツのみを表示する専用モードを使用できます。このモードにアクセスするには、いくつかの方法があります。

• サイトエディターでテンプレートパーツを選択し、縦の三点リーダーメニューをクリックし、「ヘッダーを編集」または各テンプレートパーツ名を選択する。 
• リストビューでテンプレートパーツを選択し、縦の三点リーダーメニューをクリックし、「ヘッダーを編集」または各テンプレートパーツ名を選択する。 
• ブラウジングサイドバーから、テンプレートパーツに移動し、カスタマイズするテンプレートパーツを選択する。
• トップツールバーから、カスタマイズするテンプレートパーツの横にある「領域」の縦の三点リーダーメニューをクリックする。

このモードへのアクセス方法の一つを動画でご紹介します。

トップ ↑

テンプレートパーツの置換

テーマが同じ領域に対して複数のテンプレートパーツを用意している場合、ブロックツールバーの「置換」オプションを使用して、現在のテンプレートパーツを別のテンプレートパーツに置き換えられます。このオプションが表示されない場合は、テーマが同じ領域に対して複数のテンプレートパーツを提供していません。

トップ ↑

高度な設定

「高度な設定」では、テンプレートパーツ名を変更したり、領域を一般、ヘッダー、フッターから選択できます。このパネルでは、HTML要素を変更したり、ブロックに CSS クラスを追加できます。以下のHTML要素から選択できます。div、header、footer、main、section、article、aside。