WordPress「パターン」機能の活用法

はじめに

WordPress 6.5から「パターン（旧・再利用ブロック）」機能がさらに進化し、Gutenbergエディターでのコンテンツ制作がより効率的になりました。

また、人気テーマ「Cocoon」には、登録したパターンをショートコードで自由に呼び出せる機能が備わっており、SWELLの「ブログパーツ」と同様の使い方が可能です。

この記事では、このパターンの基本的な使い方と活用方法について解説します。

パターン（旧再利用ブロック）を呼び出せるpatternショートコードの使い方

ブロックエディターの「パターン」機能を利用すると再利用するブロックセット等をブロックエディターから手軽に呼び出すことができます。ただ、ウィジェット（テキストウィジェット等）やクラシックエディターベースの入力方式、もしくはその他のエリアだと呼...

wp-cocoon.com

パターンとは？

「パターン」とは、あらかじめデザインされたブロックのセットを指します。
これにより、ユーザーは複雑なレイアウトをゼロから作る必要がなく、事前に作成されたテンプレートをそのまま挿入し、簡単にカスタマイズできます。

Cocoonには類似の機能で「テンプレート」機能があります。
こちらは、クラシックエディターのため、使い勝手から「パターン」機能を使うのが望ましいです。

テンプレート文（定型文）を登録して使い回す方法

テーマ内に定型文を登録してショートコードで何度でも使い回す方法です。

wp-cocoon.com

パターンの特徴

• 再利用可能
  パターンは一度作成すれば、コピペではなく、複数のページや投稿でブロックのように使い回すことができます。

• 手軽にカスタマイズ
  ユーザーはGutenbergエディターを使用し、簡単に自分でパターンを作成できます。
  カスタムパターンを作成することで、自分専用のテンプレートを作り、デザインやスタイルを統一できます。

• 複雑なレイアウトを配置可能
  Cocoon独自のpatternショートコードを使用することで、例えばウィジェットやアピールエリアのメッセージなどに1行だけで複雑なレイアウトを配置できます。

パターンの作成・登録方法

パターンの作成・登録するには2つの方法があります。

パターン一覧から作成・登録

以下の手順で、パターン一覧からパターンを作成・登録します。

投稿中のブロックをパターンに登録

以下の手順で、投稿編集中からもブロックをパターンに登録できます。

パターンを使用方法

Gutenbergエディターから登録したパターンをブロックのように呼び出し使う方法と、Cocoon独自のpatternショートコードを使用する方法の2つがあります。

ブロックのように使用する方法

以下の手順で、作成したパターンを配置します。

1. ブロック挿入ツールを切り替えをクリックします。
2. パターンをクリックします。
3. パターン登録したカテゴリー例えば「カスタム」から、登録したパターンを選択します。

patternショートコードを使用する方法

Cocoon独自のpatternショートコードを使用して、パターンを呼び出すことができます。
図5に示す該当パターンのショートコードをコピペします。

[pattern id=パターンID]

同期パターンの解除

作成したパターンの中に、例えば図9に示す「料金」のように任意の項目があります。
同期パターンであっても、一部の投稿だけ解除することができます。
また、同期を解除（非同期）すると、パターンを再編集しても、影響を受けなくなります。

以下の手順で、同期を解除します。

1. パターンを選択し、オプションをクリックします。
   同期パターンの場合、紫色で表示されます。
2. 解除をクリックします。

さいごに

WordPressの「パターン」機能は、コンテンツ作成の効率を向上させる強力なツールです。
パターンを活用することで、ブロックのような部品として再利用でき、手軽にコンテンツを作成できます。
また、Cocoon独自のpatternショートコードを使用すれば、多くの場所で複雑なレイアウトを簡単に配置することが可能です。