WordPress のブロックパターンとは何ですか?

WordPress のブロックパターンについてよく聞きますが、その目的が何なのか正確には知りませんか?あなたは正しい場所にいます！

この記事では、WordPress ブロックパターンとは何かを説明するだけでなく、Web サイトでの使用方法、独自のカスタムパターンの作成方法、既製の WordPress ブロックパターンをオンラインで見つける場所についても説明します。

したがって、あなたが WordPress サイトの所有者で、オンラインでの存在感を最大限に活用したい場合は、WordPress が用意しているこの素晴らしい機能、別名ブロックパターンについて知っておくべきことをすべて学んでください。

飛び込んでみましょう！

WordPress のブロックパターンとは何か、そしてそれを使用する必要がある理由

WordPress のブロックパターンは、ブロックで作られたテンプレートです。

言い換えれば、いくつかの WordPress ブロックを取り出して美しいデザインにまとめると、WordPress ブロックパターンが作成されたことになります。

WordPress ブロックパターンは、WordPress ブロックエディターの開始以来、ユーザーが利用できるようになりました。しかし、WordPress 6.0 は特にパターンに重点を置いて登場し、WordPress でデザインやテンプレートを構築するための主要なツールとなりました。この WordPress バージョンでは、個々のブロックではなくパターンに焦点が当てられています。

WordPress ブロックパターンを使用すると、ページ用の完全なテンプレートを作成することも、サイト上のセクションとして使用できるテンプレートの一部だけを作成することもできます。ニーズに合わせて、必要な数のブロックパターンから完全なデザインを作成できます。

WordPress パターンを作成またはカスタマイズしたら、それをライブラリに保存し、いつでもページやブログ投稿で再利用できます。

ブロックパターンが役立つのはなぜですか?

WordPress ブロックパターンは、いくつかの理由で役立ちます。

ゼロからデザインを構築する技術的スキルを持たない Web サイト所有者でも、ブロックパターンを使用して Web サイトを素晴らしい見栄えにすることができます。この機能を使用すると、実際に自分でページ、セクション、投稿をそれほど手間をかけずにデザインできます。
ブロックパターンは再利用可能で柔軟性があります。保存したブロックパターンから多数のテンプレートを作成および再作成できます。たとえば、同じブロックパターンをさまざまなバリエーション (さまざまな色やタイポグラフィなど) で保存できます。各ブロックパターンをどのようにカスタマイズするかはあなた次第です。
また、さまざまなブロックの組み合わせを作成して、将来さまざまなプロジェクトやキャンペーンに簡単に再利用することもできます。これは時間を節約し、繰り返しの作業を避けるため、長期的には優れています。

WordPress ブロックパターンの使用方法

美しいページやテンプレートで WordPress ウェブサイトを装飾することに熱意を感じていますか? WordPress のブロックパターンを正確に使用する方法を見てみましょう。

パターンを含めたいページまたは投稿に移動します。そこにアクセスしたら、WordPress ブロックエディターの左上にある + アイコンをクリックします。

メニューがドロップダウンしたら、パターンを選択します。ニーズにより適したパターンのカテゴリを選択することもできます。 [探索] ボタンをクリックして、大きなウィンドウでパターンを開きます。

パターンのコレクションを閲覧した後、投稿またはページに挿入したいパターンをクリックします。

ブロックエディターに挿入したら、カスタマイズを開始できます。ブロックパターンをカスタマイズするには、パターンに含まれる個別のブロックを実際にカスタマイズする必要があります。したがって、そのパターン内のすべてのブロックをクリックして、個別にカスタマイズするだけです。

特定のブロックが気に入らない場合は、カスタムブロックでもライブラリにすでに存在するブロックでも、いつでも別のブロックに置き換えることができます。

以上です。各ブロックのカスタマイズが完了すると、パターンを公開する準備が整います。とても簡単です！

既製の WordPress ブロックパターンを見つける場所

前のセクションですでにお気づきかと思いますが、WordPress には、Web サイトで自由に使用できる既製のブロックパターンが付属しています。十分な創造性が感じられない場合、または将来のデザインにインスピレーションが必要な場合は、WordPress の公式リポジトリで既製のブロックパターンが多数見つかります。

ここでは、ボタン、列、ギャラリー、ヘッダー、画像、テキスト、特集などのいくつかのカテゴリに分類されるパターンの印象的なコレクションを見つけることができます。合計すると、WordPress リポジトリだけでも 800 以上のクールなブロックパターンが公開されています。

時間をかけて利用可能なパターンをチェックして、Web サイトに最も美しいデザインを見つけてください。はい、選択肢が非常に多いため、自分に合ったものを見つけるまでに時間がかかる場合があります。

使用またはさらにカスタマイズしたいパターンが見つかったら、それをクリックして新しいページで開き、パターンのコピーをクリックします。

次に、パターンを追加する WordPress ダッシュボードの最初の投稿またはページに戻り、ブロックエディターで右クリックして貼り付けます。

繰り返しになりますが、WordPress ブロックパターンを公式リポジトリから WordPress ウェブサイトに追加するのはとても簡単です。数回クリックするだけで完了します。

コピー後に「予期しないコンテンツまたは無効なコンテンツ」を含むブロックが表示された場合は、下の [ブロックの回復を試みる] ボタンをクリックして修正してください。

どうぞ！ WordPress ブロックパターンを WordPress Web サイトにコピーしました。好みに合わせてカスタマイズできます。

WordPress リポジトリのパターンに戻りますが、将来アクセスしやすくするために、パターンをお気に入りとしてマークすることもできることに注意してください。ハートの数は、特定のデザインを気に入った人が何人いるかを示します。

独自のブロックパターンを作成する方法

ここまでは、デフォルトで利用可能な WordPress ブロックパターンの使用方法を学習しました。ただし、ライブラリにはない非常に特殊なパターンが必要な場合は、独自のパターンを作成できます。このセクションでは、コードを使用せずに独自のブロックパターンを作成する方法を説明します。

WordPress リポジトリ経由で WordPress ブロックパターンを作成する

WordPress.org -> パターン -> 新しいパターンを作成に移動します。パターンを作成するにはログインする必要があります。したがって、アカウントをお持ちでない場合は必ず作成してください。

次に、ブロックエディターの空白のページが表示され、WordPress ダッシュボードで行うのと同じように、新しいブロックを追加してパターンを作成できます。

ここで、挿入するブロックの名前を入力できます。例えば。段落、詩、画像、表紙、見出し、列、メディアとテキストなど。(WordPress ダッシュボードと同様に) 左上隅にある + アイコンを使用してブロックを追加することもできます。

画像を使用したい場合は、デフォルトのギャラリーから画像を選択するか、独自の画像をアップロードすることができます。すべてのブロックを挿入し、カスタマイズして、パターンの最終バージョンを作成したら、次の 2 つのことのいずれかを行うことができます。

リポジトリに送信します (ページの右上隅)

パターンに名前と説明を入力し、カテゴリを選択して、[終了します。パターンは WordPress コアチームによってレビューされ、リポジトリに公開されることに注意してください。これは、他の人が自分の Web サイトでそれを使用できることを意味します。

下書きとして保存します

パターンを（公開せずに）自分だけのために残しておきたい場合は、下書きとして保存してください。パターンを使用するたびに、マイパターンを選択すると、そこにすべて見つかります。

プラグインを使用して WordPress ブロックパターンを作成する

すべてを WordPress ダッシュボードにまとめておき、新しいパターンを作成するために WordPress リポジトリに移動する必要をなくしたい場合は、ダッシュボードを離れることなくパターンを作成できるプラグインをインストールできます。

開始するには、次の 2 つのプラグインのいずれかを選択してください (どちらも無料です)。

ブロックパターンビルダー
ブロックマイスター

BlockMeister プラグインを使用してパターンを作成する手順を簡単に説明します。

[プラグイン] -> [新規追加] からプラグインをインストールします。

プラグインがインストールされたら、WordPress ダッシュボードメニューに再度移動し、ブロックパターンをクリックして、新規追加をクリックします。次に、WordPress ブロックエディターが表示され、ブロックの追加を開始できます。

パターンを作成したら、それを公開します。 [ブロックパターン] -> [すべてのパターン] にすべてのカスタムパターンが表示されます。

次のステップは、ブロックパターンを挿入する投稿またはページに戻り、+ アイコン -> パターンをクリックして、パターン (パターンに付けた名前) を検索します。構築したとき)。あなたのパターンはライブラリに表示されるはずです。

クリックして挿入し、ニーズに合わせてさらに自由にカスタマイズすれば、出来上がりです。 WordPress ウェブサイトのどこでも使用できるようになりました。

カスタマイズ後に同じカスタムパターンの新しいバリエーションを保存する場合は、パターン (単一のブロックではなくパターン全体) をクリックし、ブロックパターンに追加を選択します。別の名前を付けて、[パターンの作成] をクリックします。

ページを更新すると、ライブラリにこの新しいパターンのバリエーションが表示されます。

結論

これで、WordPress ブロックパターンに関するチュートリアルは終了です。 Web サイトを思いどおりにデザインし、訪問者にとってより魅力的なものにすることに挑戦してみましょう。

この記事を読んで気づいたかもしれませんが、ブロックパターンの使用とカスタマイズはまったく複雑ではありません。独自のパターンを作成する場合でも、非常に簡単な手順をいくつか行うだけです。

管理が簡単であることに加えて、WordPress ブロックパターンは特に便利です。初心者であっても、独自のテンプレートを作成し、何度でもカスタマイズして、サイト上のどこでも再利用できるからです。

それはクールじゃないですか？これは、ユーザーと読者の両方にとって、より視覚的な WordPress エクスペリエンスへの一歩です。

WordPress のブロックパターンについてどう思いますか?あなたのウェブサイトに役立つと思いますか?コメント欄からお知らせください。