パターン（Patterns）

任意投稿タイプのスターターパターンを優先する

ユーザーが新しいコンテンツを作成する際、投稿タイプに関係なく、空のキャンバスに直面します。しかし、新しいコンテンツを作成する際に特定のタイプのパターンを優先するオプションがあることで、その体験は改善されます。ユーザーが新しいアイテムを作成するたびに、core/post-contentブロックタイプをサポートするパターンがウェブサイトに存在する場合、モーダルが表示されます。デフォルトでは、WordPressはこれらのパターンを含まないため、少なくとも2つの投稿コンテンツパターンが追加されない限り、モーダルは表示されません。

この機能を利用するには、パターンのブロックタイプにcore/post-contentを含める必要があります。そこから、パターンが表示される投稿タイプを投稿タイプオプションを通じて制御できます。新しい投稿を作成する際に表示されるパターンの例は次のとおりです。

<?php
 /**
  * Title: New Event Announcement
  * Slug: twentytwentytwo/new-event-announcement
  * Block Types: core/post-content
  * Post Types: post
  * Categories: featured, text
  */
?>
<!-- wp:heading {"lock":{"move":false,"remove":true}} -->
<h2>Details</h2>
<!-- /wp:heading -->
<!-- wp:heading {"lock":{"move":false,"remove":true}} -->
<h2>Directions</h2>
<!-- /wp:heading -->
<!-- wp:heading {"lock":{"move":false,"remove":true}} -->
<h2>RSVP</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"lock":{"move":true,"remove":true}} -->
<p>To RSVP, please join the #fse-outreach-experiment in Make Slack. </p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"lock":{"move":true,"remove":false}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":80,"overlayColor":"primary","contentPosition":"center center","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write titleā€¦","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">We hope to see you there!</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

この機能についての詳細は、WordPress 6.0開発ノートのページ作成パターンおよびWordPress 6.1がこの機能をすべての投稿タイプに持ち込んだことに注意してくださいをお読みください。

テンプレート作成のためのスターターパターンを優先する

新しい投稿やページのためにパターンを優先するのと同様に、テンプレート作成プロセスにも同じ体験を追加できます。パターンが「templateTypes」プロパティをサポートすることを宣言すると、指定に一致するテンプレートが作成されるたびに、パターンが表示され、空の状態から始めるオプションや現在のテンプレートのフォールバックを使用するオプションが表示されます。デフォルトでは、WordPressはこれらのパターンを含まないため、

この機能を利用するには、パターンがtemplateTypesというプロパティを指定する必要があります。これは、パターンがフルコンテンツとして使用できるテンプレートを含む配列です。404テンプレートを作成する際に表示されるパターンの例は次のとおりです：

register_block_pattern(
  'wp-my-theme/404-template-pattern',
  array(
   'title'         => __( '404 Only template pattern', 'wp-my-theme' ),
   'templateTypes' => array( '404' ),
   'content'       => '<!-- wp:paragraph {"align":"center","fontSize":"x-large"} --><p class="has-text-align-center has-x-large-font-size">404 pattern</p><!-- /wp:paragraph -->',
  )
);

この機能についての詳細は、WordPress 6.3開発ノートの新しいテンプレートモーダルのパターンをお読みください。

パターンをロックする

ロックAPIに関する前のセクションで述べたように、パターン自体の側面をロックすることで、デザインの重要な側面を保持できます。こちらがさまざまなブロックが異なる方法でロックされたパターンの例です。これらのパターンは、エディター内で構築でき、ロックオプションを追加することもできます。その後、ドキュメントに従って登録します。

パターンディレクトリから特定のパターンを優先する

WordPress 6.0では、テーマがtheme.jsonを通じてパターンディレクトリからパターンを登録できます。これを実現するために、テーマはtheme.jsonの新しいパターンのトップレベルキーを使用する必要があります。このフィールド内で、テーマはパターンディレクトリから登録するパターンをリストできます。パターンフィールドは、パターンディレクトリからのパターンスラグの配列です。パターンスラグは、パターンディレクトリの単一パターンビューのURLから抽出できます。例：このURL https://wordpress.org/patterns/pattern/partner-logos のスラグはpartner-logosです。

{
   "patterns": [ "short-text-surrounded-by-round-images", "partner-logos" ]
}

コンテンツクリエイターは、挿入ツールの「パターン」タブで、パターンディレクトリのカテゴリに一致するカテゴリの中からそれぞれのパターンを見つけることができます。

追加リソース

• 複数のホームページデザインを構築するためのテンプレートパターンの使用 (WordPress開発者ブログ)