ガイド/コンテンツの作成/パターン/パターンを作成する

パターンを作成する

パターンを使用すると、カスタマイズしたブロックを保存してサイト全体で再利用できます。新しいページに同じブロックのグループを繰り返し追加する場合、パターンを使用すると大幅に時間を節約できます。このガイドでは、パターンを作成して使用する方法について説明します。

💡

WordPress.com のデザインチームが作成したパターンのコレクションからインスピレーションを得て、イメージどおりのページを構築しましょう。

動画チュートリアル

パターンを作成する

パターンを作成するには次の手順を実行します。

  1. 再利用する予定のブロックを挿入します。パターンは、1つのブロックまたは複数のブロックのグループにすることができます。
  2. マウスでハイライトするか、リストビューで選択して、パターンに使用するすべてのブロックを選択します。
  3. ブロックツールバー (またはリストビューで選択した最初のブロックの横) に表示される省略記号メニュー () をクリックします。
  4. 「パターンを作成」オプションをクリックします。
矢印がオプションメニューから「パターンを作成」オプションを指している。
  1. パターンの用途を思い出せるような名前を付けます。名前は自分にのみ表示されます。
  2. 任意でパターンをカテゴリーに割り当てます。これは、整理しておきたいパターンが多数ある場合に便利です。
  3. 「同期済み」オプションのオンとオフを切り替えます。
    • 同期済み: パターンに加えた編集は、パターンが挿入されているすべての場所に適用されます。ブロックを再利用する場合に適しています。
    • 同期されてない: パターンに対して行った編集は、そのパターンの1つのインスタンスにのみ適用されます。複数のページ全体で同じレイアウトを使用し、各ページでパターンのコンテンツを変更する場合に適しています。
  4. 「追加」ボタンをクリックします。
パターン作成画面に名前が表示され、同期オプションの切り替えがオンの位置になっている。

同期済みパターンと同期されていないパターン

パターンを作成する際、同期済みまたは同期されていない状態に設定できます。ここでは、各オプションと、両方のパターンタイプを使用する方法について説明します。

同期済みパターン

同期済みパターンとは、サイトのあらゆる場所で変更されずに使用されるパターンです。同期済みパターンをサイト上の1か所で編集すると、その変更はそのパターンが使用されているすべての場所で適用されます。たとえば、営業時間の同期済みパターンを作成した場合、そのパターンの1つのインスタンスで時間を変更すると、サイト全体のそのパターンを挿入したすべての場所で更新されます。

同期済みパターンは、ダイヤモンドの後ろに別のダイヤモンドが重なって見えるパターン記号によって示されます。パターンの名前はエディターの次の場所にも表示されます。

同期済みパターンを編集するには、そのパターンを選択し、ブロックツールバーとブロックサイドバーの設定の両方に表示される「オリジナルを編集」ボタンをクリックします。

同期済みパターンの単一のインスタンスの連携を解除して、その1つのインスタンスを変更したり、パターンの上書きを使用して、同期済みパターン全体で特定のカスタマイズを行ったりできます。

同期されていないパターン

同期されていないパターンはデザインしたブロックのコレクションです。再利用する予定であるものの、固定ページや投稿に追加した後もブロックのコンテンツを変更できる柔軟性を必要とする場合に適しています。

たとえば、ブログ投稿のレイアウトが一定で、テキストと画像の順序が決まっている場合、全体的な構造は変わりませんが、テキストと画像は毎回変化します。テキストと画像を希望する場所に配置してパターンを作成し、同期オプションをオフにしてから、個々のブログ投稿の画像とテキストを変更できます。

次の2つのモードのいずれかで、同期していないパターンを編集できます。

  • コンテンツのみの編集モード (デフォルト): ブロックを直接クリックして、パターン内のテキスト、画像、リンクを追加および置換します。レイアウトはロックされたままであるため、パターンを共に構成しているブロックを誤って移動または削除することがありません。
  • フル編集モード: ブロックツールバーとブロックサイドバーの設定の両方に表示される「パターンを編集」ボタンをクリックして、レイアウト自体を変更します。パターン内で、ブロックを追加、削除、移動したり、ブロックのスタイルを変更したりできます。

その方法について説明します。

Copied to clipboard!