グループブロックとは?

WordPressでは、グループブロックを使用すると、複数のブロックを1つの大きなブロックにまとめて保存し、コンテンツ全体を1つの単位として簡単に移動できます。

グループブロックを使用すると、関連するブロックをまとめてコンテンツを整理し、レイアウトをすっきりと整頓できます。グループブロック全体をカスタマイズすることもでき、カスタム背景色や間隔などを設定できます。

グループブロックを使用して再利用可能なブロックを作成することもできます。これにより、頻繁に使用するコンテンツを投稿にすばやく追加できます。

用語集:グループブロック

WordPressグループブロックを使用する理由

グループブロックを使用すると、WordPressのブロックエディターでさまざまなブロックをまとめて、単一のブロックとして扱うことができます。

この機能は、ユーザーがページレイアウトを整理するのに役立つように、WordPress 5.3 で導入されました。

単一のWordPressブロックは、WordPressウェブサイトのコンテンツを構築するために使用される要素と考えることができます。テキストブロック、画像ブロック、ビデオブロックなど、さまざまなブロックを使用できます。

グループブロックは、複数のブロックを内部に保持できる特別なコンテナのように機能します。これにより、WordPress の投稿やページの特定のセクションを構成するブロック、または投稿全体のカスタムテンプレートをバンドルできます。

複数のブロックをグループ化する

例えば、いくつかの段落をグループ化して、関連する画像とキャプションを追加することができます。あるいは、見出しといくつかの箇条書きをグループ化してセクションを作成することもできます。

関連するブロックをグループ化すると、ページ上での移動も容易になります。これは、個々のツールをたくさん移動する代わりに、1つのツールボックスを持ち運ぶようなものです。

さらに、背景色、境界線、間隔など、グループ全体に同じ設定やフォーマットを適用できるため、コンテンツに統一感を持たせることができます。

また、WordPress 6.2以降では、グループブロックのレイアウトを選択することもできます。新しいグループブロックを追加する際に、単一のグループ、ブロックを水平に配置する行、またはブロックを垂直に配置するスタックを選択するように求められます。

グループブロックレイアウト

WordPressブロックエディターでグループブロックを追加する方法

WordPressでグループブロックを作成するには、2つの方法があります。まず、グループを追加してから個々のブロックで埋めることができます。または、ブロックを個別に作成してから後でグループ化することもできます。

これらの両方の方法を見てみましょう

投稿にグループブロックを追加する

WordPressの投稿またはページを編集しているときは、画面左上の追加ブロック「+」ボタンをクリックし、グループブロックを見つけます。

このブロックをページにドラッグすると、ネストするブロックのレイアウトを選択するように求められます。オプションはグループ、行、スタックで、これらはアイコンに示されているようにグループ化されたブロックを異なる方法で配置します。

ブロックメニューからグループブロックを選択

これで、画面の「+」ボタンをクリックして、グループ内に新しいブロックを追加できるようになります。

例えば、段落、画像、グループ、見出し、カバー、ショートコードブロックなどを追加できます。

グループブロック内に画像ブロックを追加する

ブロックが追加されたら、上部にあるブロックツールバーの「グループ」ボタンをクリックして親ブロックを選択できます。

これにより、「+」ボタンを再度クリックして追加のブロックを追加できます。

グループブロック内に別のブロックを追加するには、ブロックメニューを開きます

既存のブロックを選択してグループ化する

投稿またはページで個々のブロックを選択してグループ化することで、グループブロックを作成することもできます。

複数のブロックを選択するには、キーボードの「Shift」キーを押しながらクリックします。その後、ツールバーの左側にあるブロックタイプボタンをクリックし、「グループ」オプションをクリックします。

複数のブロックを選択してグループ化する

WordPress でグループブロックのスタイル設定とフォーマットを行う方法

ツールバーの「グループを選択」ボタンをクリックすると、画面の右側にブロック設定サイドバーが開きます。これらの設定により、グループ、行、スタックのレイアウトを簡単に切り替えることができます。

レイアウトを変更すると、さまざまなブロックのサイズも変更されます。これらの設定を構成して、必要なレイアウトを実現できます。

グループブロックのレイアウトとフォーマット設定

ブロックをフォーマットするオプションもあります。

テキストの色、背景色、間隔などを変更するなど、グループブロック全体にスタイルを適用できます。

グループブロックから再利用可能なブロックまたはブロックパターンを作成する方法

定期的に他の投稿で使用するグループブロックを作成する場合は、それを再利用可能なブロックまたはブロックパターンとして保存できます。

グループブロックを作成し、そのコンテンツとレイアウトに満足したら、マウスでブロックを選択するだけです。

次に、ブロックパターンを作成するには、ツールバーの右側にある3点メニューアイコンをクリックし、「パターンの作成」オプションを選択します。

パターンの作成

次に、パターンを識別して後で再利用できるように、パターンに名前を付ける必要があります。カテゴリを指定して、簡単に見つけられるようにすることもできます。「作成」ボタンをクリックすることを忘れないでください。

WordPressは、グループブロック内のすべてのブロックを含むパターンを保存します。

パターンの命名

次に、そのパターンを他のWordPressの投稿やページに簡単に追加できます。

WordPressエディターの左上にある「+」追加ブロックボタンをクリックすると、「パターン」タブに切り替える必要があります。「すべてのパターン」、「マイパターン」、および追加したカテゴリの下に保存したパターンが見つかります。

投稿にパターンを追加する

ブロックをクリックするだけで、投稿やページに挿入できます。

この記事がWordPressのグループブロックについてより深く理解するのに役立ったことを願っています。関連するWordPressのヒント、トリック、アイデアに関する記事のリストを以下に追加の読書リストで確認することもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

関連記事

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!