WordPressの「パターン」とは｜使い方や作り方を解説。

WordPressの「パターン」を利用すれば、コピペのみで美しいデザインを挿入できたり、オリジナルのレイアウトを登録して再利用も可能です。当記事ではパターンの基本的な使い方をご紹介いたします。

WordPressテーマ「SEEED」

企業の成長を加速させる。
あなたの商品・サービスの販売に特化したホームページを構築。

パターンとは？

WordPress公式のパターンライブラリ

パターンとは、レイアウト済みのデザインを簡単に挿入できる機能です。組み合わせたり、編集や自作も可能です。WordPressの公式ページにも、コピペで使えるたくさんのパターンが用意されています。

登録したパターンは、ブロックエディタ上で呼び出して任意の位置に挿入できます。何度も使うレイアウトを自作して登録しておけば、再利用時にも便利です。

※WordPress 5.5で実装当初は「ブロックパターン」と呼ばれていましたが、WordPress 5.9から名称はシンプルに「パターン」に変更されたようです。

パターンの使い方をそれぞれ解説いたします。パターンはブロックエディタでのみ利用できる機能です。
※WordPressバージョン6.7で解説しています。

既存のパターンを利用する場合は、ブロックエディタの下記箇所（＋マーク）を展開し、

パターンの追加箇所

「パターン」のタブを開きます。

パターンタブを開く

ここから好きなパターンを選択すれば、本文内に挿入されます。お使いのテーマやプラグインによって、用意されているパターンは異なります。

パターンを選択するとエディタ内に挿入される

挿入されたパターンの文字を変更したり、スタイルパネルから色を変更するなど、お好みに編集できます。

色や文言を変えたパターンの例

パターンは、パーツごとのテンプレートとして使えますね。

自前のパターンを作成するには、パターン化したい「複数のブロック」を一括選択します。

今回は下記箇所を選択してみましょう。「カバーブロック」と2カラムの「カラムブロック」を組み合わせて一つのパターンとする例です。

自前のパターンを作成する手順

一括選択したら「︙」から「パターンを作成」を押します。

「新規パターンを追加」というウィンドウが表示されるので、パターンの名前を決めて「追加」を押せばOKです。必要に応じてパターンカテゴリーも設定できます。「新規パターンを追加」ウィンドウ

最下部の「同期」のスイッチはデフォルトではONですが、任意でOFF（非同期）にもできます。

同期	同期パターンを編集すると、サイト内のすべてのパターンが同時に更新されます。一箇所変更すると全箇所に影響します。
非同期	非同期パターンを編集してもそのページでのみ編集が反映されます。一箇所変更しても他の箇所には影響はありません。

追加したパターンは、ダッシュボードの外観 > パターンより確認可能です。

追加したパターンを確認する箇所