【WordPress】ブロックパターンの使い方（Cocoon編）

2/26にCocoonの2.7.1がリリースされ、「パターン」関連が追加実装されています。
これにより、この記事で紹介しているプラグイン「カスタムブロックパターン」は不要となりました。

同期パターン（旧再利用ブロック）、非同期パターン（旧ブロックパターン）の使い方については、次の記事を参考してください。
 同期／非同期パターン（旧再利用ブロック）の使い方（Cocoon編）

より使いやすくなったCocoonを2.7.1にバージョンアップしましょう！（WordPressのダッシュボード→更新）

以降は、不要となった記事の内容です。

ブロックエディタは効率よく記事を書ける機能が盛沢山です。

その一つに、何度でも使い回せる「ブロックパターン」があります。

雛形となる「ブロックパータン」をあらかじめ登録して記事内に追加することで、「ブロックパターン」を使い回すことができます。

ここでは、「ブロックパターン」の使い方を詳しく書いているので、ぜひ参考にしてください！

WordPress6.3からパターンに名称が変更

WordPress6.3から、再利用ブロックなどの名称が変更になったので、以下の【重要】をタップして内容の確認をおすすめします。

ブロックパターン対応プラグインのインストール

Cocoonでブロックパターンを使いたい場合はプラグインを使う必要があります。

ブロックパターンを使えるのが「Custom Block Patterns」というプラグインです。

では、プラグイン「Custom Block Patterns」をインストールしてみましょう！

「Custom Block Patterns」をインストール

WorPressの管理画面にログインし、管理画面メニュー「プラグイン」の「新規追加」（①）をクリック。

キーワードに「Custom Block Patterns」を入力。（入力したら自動でプラグインを検索します）

「Custom Block Patterns」が検索されるので、「今すぐインストール」をクリックし、次に「有効化」をクリック。

WordPress管理メニューの「ダッシュボード」をクリックすると、以下のように「ブロックパターン」が追加されます。

これで「Custom Block Patterns」のインストールは完了です。

ブロックパターンの使い方

プラグインのインストールができたので、以下の手順で「ブロックパターン」の使い方を解説します。

パターンの作成

プラグインで追加した「ブロックパターン」の管理画面から「ブロックパターン」を作成します。

WordPress管理画面メニュー「ブロックパターン」→「新規追加」（①）をクリック。

使い回しをするブロック（非同期パターン）を入力したら、「公開」を２回クリックして保存。

パターンの記事内追加

「ブロックパターン」を作成したので、記事の中に追加してみます。

以下のように、「ブロックパターン」が追加されます。

あとは、記事の内容にあった修正をしてください。
（必要なければ修正しなくてもかまいません）

これで「ブロックパターン」の記事内追加が完了です。

まとめ

「CTRL」＋「D」を押すだけで、当サイト【還じいブログ】の記事がブックマークできます！