Wordpressブロックエディタで使えるパターンとは
パターンとはWordpressブロックエディタで使える、定型のパーツやレイアウトを予め登録しておき※必要に応じて配置する為の機能です。
例えば次の様なレイアウトの非同期パターンを登録しておけば、このパターンを投稿の好きな場所に配置して、タイトル・画像・テキストを変更して登録する事で、同じデザインレイアウトで表示されます。
どのページでも同じレイアウト・内容のパターンとして複数ページで配置する場合は、同期パターンとして登録する事で、内容に変更が生じた際は元の同期パターンを編集すれば、配置しているすべてのページで、変更が適応されます。
パターンを利用できるお客様
全てのお客様がパターンや再利用ブロックを利用できる訳ではございません。
パターンを用意しているお客様には、納品時に「どのようなパターンを用意して、どのようにして使う」という事を予め説明しています。
自分でパターンを登録して使えますか?
もちろんパターン登録の方法を分かっていれば、自身でパターン登録して利用する事はできます。但しその登録したパターンには、デザインの指定がされていないので、お客様のウェブサイトにマッチしたデザインでは無かったり、体裁崩れの原因や、不具合の原因となる事もあります。これを防ぐ為には専門の知識が必要ですので、新たなパターンの登録は弊社にご依頼いただいた方が賢明かと思われます。
既存のページで掲載している一部(ブロック)をパターンとして流用できますか?
流用は可能ですが、そのままの流用は出来ません。パータンとして登録するブロックは、Wordpressのブロックエディタのルールに沿ったHTML構造となる為、その既存のブロックに適応されているデザイン指定が適応されません。その為、見た目は一緒ですが異なるHTML構造に合わせたデザイン指定をやり直す必要がございます。
Welcartご利用の方
Welcartの商品詳細ページのエディタは、ブロックエディタでは無くWYSIWYGエディターの為、パターン機能は使えません。同じ様な機能を利用できるWelcartサイトには、専用フィールドを用意しています。(お客様によって異なります)。
固定ページや投稿ページ(お知らせページなど)では利用できます。
パターンの使い方
- パターンを配置する
-
-
- 非同期ブロックの場合
- 配置したパターンを編集
- 公開or更新
-
- 同期ブロックの場合
-
- 内容は変更しない
- 公開or更新
- 内容を変更する
- 内容を編集
- 元のページに戻って公開or更新
-
その他のパターン(再利用ブロック)の使い方は、以下「パターン(再利用ブロック)の使い方」の各マニュアルをお読みください。
※ お客様ご自身でパターンを定義して登録するには、HTMLやCSSの知識が必要です。詳しくは、以下「パターンを利用できるお客様」をお読みください。
再利用ブロックとは
Wordpressのver6.2以前では、再利用ブロックという機能でしたが、この機能が改変されてパターンという機能になりました。各ページで内容が同一の 定型パーツを配置する場合は、この再利用ブロックを配置して、定型パーツのレイアウトを使って異なる内容を表示する場合は、この再利用ブロックを通常ブロックに変換してから使う必要がありましたが、パターンに改変されてからは非同期パターンとして使う事で、通常ブロックへの変換の必要が無くなりました。
パターン(再利用ブロック)の使い方
-
パターン機能の利用について
Wordpress6.3から実装された再利用ブロックに変わるブロックエディタの新機能であるパターン機能の利用ケースについて詳しく説明します。
パターンには同期パターンと非同期パターンがあり、それぞれの使い方があります。 -
用意されたパターン(同期・非同期)を配置する
WordPressのver6.3以降に実装されたパターン(旧再利用ブロック)の使い方。
用意されたパターンを作成するページに配置する方法。 -
同期パターンを非同期パターンに登録しなおす方法
Wordpressのver6.3以降に実装されたパターン(旧再利用ブロック)で同期パターンとして登録されているパターンを非同期パターンに登録し直して利用する方法を説明します。 -
同期パターンを配置した後、非同期パターンに変更して内容編集する方法
Wordpressのver6.3以降に実装された同期パターンとして登録されているパターンを非同期パターンに変更して、配置したパターンの内容を編集して利用する方法を説明します。 -
再利用ブロックをWP6.3以降でも利用する方法
Wordpress5以降で実装されているブロックエディタでは、再利用ブロックという機能がありましたが、この機能はパターンという機能に置き換えられました。従来登録されていた再利用ブロックを配置して通常ブロックへ変換した上で再編集する事が出来ませんが、このりページの方法で同様の使い方が出来ます。 -
既存のページで掲載している一部をパターンとして登録依頼
WordPressのブロックエディタのパターン機能は、投稿ページや固定ページの好きな部分に、デザインパーツを配置できる便利な機能です。
既に公開済のページで使っているデザインパーツを、パターンとして登録し投稿ページなどに流用する事も可能です。 -
新規パターンの登録を依頼する
WordPressのブロックエディタのパターン機能は、投稿ページや固定ページの好きな部分に、デザインパーツを配置できる便利な機能です。
但し、新たに追加するパターンはそのままでは使う事はできません。追加したパターンに対してデザイン調整を行う必要がございます。
お客様のウェブサイト専用のパターンを新たに登録したいお客様は、弊社にご依頼ください。 -
再利用ブロックの利用と使い方
Wordpress5以降で実装されているブロックエディタでは、再利用ブロックという機能があります。
当社で制作したWordpressを使ったウェブサイトでは、この再利用ブロックを使ってコンテンツの更新を推奨する事がございます。この再利用ブロックの使い方と注意点を説明します。