【WordPress】非同期パターン、同期パターンを活用してもっと記事作成を簡単に！

「再利用ブロック」から「パターン」へ

以前テクこやで紹介した「再利用ブロック」を覚えていますか？
再利用ブロックとは、登録した複数のブロックを他の記事にそのまま利用できる便利なブロックのことでしたね。

2023年8月にWordPress6.3がリリースされた際に、再利用ブロックは「パターン」という名前に変わりました。

パターンは
「再利用ブロック」と「ブロックパターン」（WordPress5.5から追加）
の2つの機能が統合されたものです。
この2つの大きな違いは、「内容を変更した際に、作成元の内容に反映されるかどうか」でした。

また、追加する際に選ぶ場所も違いました。

統合されたことで、追加の際に選ぶ場所は同じになり、迷うことがなくなりました。

「同期パターン」と「非同期パターン」

「再利用ブロック」と「ブロックパターン」の2つの機能が統合されたパターンには、統合前のそれぞれの機能が備わっています。
その機能を「同期パターン」と「非同期パターン」と呼びます。

・同期パターン：再利用ブロックの機能があり、内容を変更すると同じパターンを使用するすべての箇所に反映される（＝同期）
・非同期パターン：ブロックパターンの機能があり、内容を変更しても同じパターンを使用する他の箇所への影響はない（＝非同期）

使い分けの例

「同期パターン」は内容があまり変わらないもの、
「非同期パターン」は内容は変わるがデザインを統一したいもの
という使い分けをすると良いかもしれません。

パターンの使い方

パターンはブロック同様、簡単に呼び出して使うことができます。
また、ワードプレスに元々登録されているパターンも豊富にあり、誰でもすぐに使えるというのがメリットです。

既存のパターンの使い方

パターンの追加方法は、ブロックの追加方法とよく似ています。

1. 左上にある「＋」をクリックします。
2. すぐ下にブロック一覧が出てくるので、その隣にある「パターン」をクリックします。
3. パターンのカテゴリーが表示されるので、好きなカテゴリーをクリックして選択します。
   （画像では「すべて」を選択しています）
4. 右側にパターンの画像が表示されるので、追加したいパターンをクリックすると編集画面に追加されます。

追加したパターンに文章や画像を入れると、以下のようになります。

新規パターンの追加方法

新しいパターンを追加する場合、まずパターンにしたいブロックを作ります。

※各ブロックの使い方について、詳しくは関連記事をご覧ください！

同期パターンの追加方法

同期パターンは、元「再利用ブロック」の役割を果たします。
1か所編集すると、同じパターンを使用するすべての箇所に反映されるのが特徴でしたね。

今回は「料金プラン」のブロックを例に説明していきます。

まず、パターンにしたいブロックをドラッグして、すべて選択します。

ブロックの上にある長方形のバーの一番右側にある「 」をクリックして、「パターンを作成」を選択します。

「名前」と「カテゴリー」を入力します。
※カテゴリーを入力しない場合、「未分類」になります。

「名前」はパターンを追加する際に入力することがあるので、
・覚えやすいもの
・入力しやすいもの
などに設定することをおすすめします。

元々同期の設定になっていますが、念のため「同期」になっていることを確認してから「生成」をクリックするとパターンに追加されます。

非同期パターンの追加方法

非同期パターンの追加方法は、同期パターンとほぼ同じです。
「パターンを作成」をクリックしたら、「同期」をオフに変更すれば完了です。

追加したパターンを呼び出す方法

パターンは、ブロック同様3種類の方法で呼び出せます。

①既存パターンと同じように追加

1. 左上にある「＋」をクリックします。
2. すぐ下にブロック一覧が出てくるので、その隣にある「パターン」をクリックします。
3. 「マイパターン」に先ほど追加したパターンが入っているので、好きなパターンを選択します。

②③パターン名を入力して呼び出し

②③は入力する場所は違いますが、入力する内容は同じ「パターン名」です。
先ほど設定したパターン名を入力すると、パターンが呼び出されます。

追加したパターンの編集方法

同期パターンの編集方法

同期パターンは、「再利用ブロック」と同じ機能です。そのため、1つのパターンを編集すると他の場所で使っている同じパターンにも影響があるので、編集する際には十分注意しましょう。

パターンの一部をクリックすると、上にバーが表示されます。
「オリジナルを編集」をクリックすると、編集画面へ移ります。

編集画面では、通常のブロックと同じように編集ができます。
編集が完了したら、右上の「更新」をクリックします。

更新する前に、変更した内容一覧が表示されます。
選択したパターンを使っているすべてのページに変更が適用されることを確認したら、「保存」をクリックします。

パターンをクリックしたら出てくるバーの右側にある「 」から、「解除」をクリックします。

元の複数のブロックに戻りました。
この状態で通常通り編集も可能で、元のパターンを変更することなく公開・更新もできます。

リストビューでブロックを確認しても、「料金プラン」という名前のパターンはありません。

非同期パターンの編集方法

非同期パターンは、追加した時点で通常のブロックと変わらない状態なので、そのまま編集することが可能です。
内容を変更しても元のパターンに影響がないため、自由に変更や削除、公開・更新などができます。

追加したパターン一覧の確認・削除・複製方法

「非同期パターンを編集したい」「追加したパターンを削除したい」「パターンを一覧で見たい」
などの場合、パターンを一覧で確認できる方法があります。

エディターから表示

ワードプレスの左側にある縦長のメニューバーから
「外観」→「エディター」を開きます。

デザインという項目が表示されるので、下の方にある「パターン」をクリックします。

パターンを選択すると、一覧でパターンが表示されます。
追加したパターンだけを表示したい場合は、「すべてのマイパターンを管理」をクリックします。

「投稿」「固定ページ」のような見た目のページへ移動するので、そこから編集や削除ができます。

また、「新規パターンを追加」からパターンを作成することもできます。

URLから直接表示

ワードプレスにログインしているユーザーの権限や、バージョンによっては、「エディター」がない場合もあります。
その場合は、以下のURLを入力してみてください。

http(s)://ドメイン名/wp-admin/edit.php?post_type=wp_block

例：https://sample.comの場合
・ダッシュボード→https://sample.com/wp-admin/index.php
・パターン一覧→https://sample.com/wp-admin/edit.php?post_type=wp_block

まとめ