サイト型トップページの作り方を公開しています!Check

ワードプレスのパターン(再利用ブロック)機能とは?よく使うデザインをテンプレ化して時短化する方法

アイキャッチ|パターン テーマ共通
テーマ共通
記事内に広告が含まれています

ワードプレスの「パターン」機能、使ったことはありますか?

これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパターンとして保存しておけば、新しいページを作成する際にそれを呼び出して再利用することができます。

この記事では、ワードプレスの「パターン」の使い方と活用方法を紹介します。

よく使うレイアウトを繰り返し使いたいときに、作業の時短や効率アップに役立ちます。知っておくと便利ですよ!

こんな人におすすめ
  • 毎回、同じデザインを手動で作り直している
  • サイト全体に統一感を持たせたいと感じている
MEMO

従来の「再利用ブロック」機能は、 2023年8月9日にリリースされたワードプレスの6.3から名称が「パターン」に変更されました。

スポンサーリンク

この記事を書いた人

はるみです
吹き出し/女性
  • ブログ好きな40代主婦
  • CocoonサイトをCSSでカスタマイズ
  • 2020年1月1日ブログ開設
  • ドメインパワー40
  • 2023年~有料記事公開
    • →累計390件(月間約20件)購入いただいています

パターン(再利用ブロック)とは?

パターンとは、よく使うブロックのセットをテンプレートのように保存しておける機能です。

たとえば以下のような使い方ができます。

  • 頻繁に使う「装飾ボックス」
  • おすすめ商品の紹介枠
  • コールトゥアクション(CTA)

これらをパターンにしておくと、ワンクリックで記事に挿入可能になります。

スポンサーリンク

パターン(再利用ブロック)の登録方法

ブロックを作成する

  • 編集画面で再利用したいブロック(テキスト、画像、リストなど)を選択します。
  • 複数のブロックをまとめて使いたいときは、選択して右クリック →「グループ化」しておきます。

パターンに登録する

①パターン作成

作成したブロックを選択した状態で、画面右上のツールバーから3点リーダーをクリックし、「パターンを作成」を選択します。

→ ワードプレスのバージョンによって文言が違うことがあります。

パターンの名前、同期設定をおこない「追加」をクリックします。

スポンサーリンク

パターンの「同期」と「非同期」の違い

再利用ブロックには同期非同期の2つの使い方があり、編集内容の反映方法が異なります。

  • 同期(連動)
    再利用ブロックを同期で使用する場合、1つのブロックを編集すると、すべての挿入箇所に自動的に反映されます。たとえば、CTAや広告など、同じ内容を複数箇所で一括管理したい場合に便利です。
  • 非同期(独立)
    再利用ブロックを非同期で使用する場合、挿入したブロックを通常のブロックに変換することでその場で内容を編集できます。この方法では他の箇所には影響しないため、ページごとに異なる内容が必要な場合に適しています。

同期パターンでも編集したいときは?

基本的に「同期パターン」は、どこか1か所を編集するとすべての挿入箇所に反映される仕組みです。

ただし、「このページだけは中身を変えたい!」という場合もありますよね。

そんなときは、挿入したパターンのブロック上で

  1. 右上のツールバーから3点リーダーをクリック
  2. 「(パターンの同期を)解除

を選ぶことで、個別に編集できるようになります。

解除するとそのブロックは通常のブロックに変わるため、他のページには影響しません。

使用しているテーマやブロックエディターのバージョンによって、表示されるメニューが異なることがあります。

スポンサーリンク

パターン(再利用ブロック)の使い方

編集・管理方法

登録したパターンは、ワードプレスの上部メニュー「管理メニュー」>「パターン一覧」から管理できます。

ここから各パターンの編集・削除・複製などが可能です。

呼び出し方

保存したパターンは、以下の2つの方法で簡単に呼び出せます。

ブロックを追加する方法

  1. パターン」タブを開く

    • 投稿や固定ページの編集画面で「+(ブロック追加)」をクリック
    • すべて表示」をクリック
    • 「パターン」タブから「マイパターン」をクリック
  2. 保存済みパターン一覧から、使いたいものをクリックするだけでOK!

ショートコードで呼び出す方法

  1. ワードプレスの上部メニュー「管理メニュー」>「パターン一覧」を開く
  2. 一覧から使用するパターンのショートコードをコピーする
  3. 呼び出したい場所に貼り付ける(カスタムHTML等)
ショートコードを使うメリット

ブロックが使えない場所にも登録したパターンを追加できる。(例:ウィジェットエリア、Cocoonアピールエリア、カテゴリーページ等)

スポンサーリンク

パターン(再利用ブロック)の活用アイデア

  • CTA(コール・トゥ・アクション)
    • 定型化したボタンやリンクを配置することで、ユーザーが次のアクションを取りやすくなります。
  • よく使うボックス
    • 注意書き、ポイント解説、MEMOなど、装飾ボックスのデザインが決まっているなら、パターンに登録しておくと超便利!色やアイコンつきで見栄えも安定します。
  • 商品紹介やリンクカード
    • おすすめ商品の紹介枠や、アフィリエイトリンク用のレイアウトもテンプレ化できます。毎回レイアウトを考える必要なし!
  • プロフィール関連パーツ
    • 「この記事を書いた人」など、記事下によく入れる導線もパターン化しておくと統一感が出ます。

まとめ

ワードプレスの「パターン」機能を使えば、よく使うデザインを手軽に再利用でき、作業時間の大幅な短縮につながります。

特にブログ運営やコンテンツ量が多いサイトにとって、パターンは時短・品質維持・見た目の統一感を同時に叶える強力な機能です。

ぜひこの機会に、あなたのサイトにもパターンを取り入れてみてください!

Comment コメントはこちらへお願いします

タイトルとURLをコピーしました