WordPressグループブロックの使用方法
公開: 2021-09-12ブロックエディタを使用して投稿またはページに個々の要素を追加するのは簡単です。 ただし、Webサイト全体で同様のブロックを使用する場合は、それらをまとめてテンプレートとして保存することをお勧めします。 Groupブロックをマスターすると、これを行うのは簡単になります。
この記事では、 Groupブロックの機能と、それを投稿やページに追加する方法について説明します。 また、設定を構成する方法を示し、グループ化された要素のヒントとベストプラクティスについて説明します。
それを手に入れよう！
投稿またはページにグループブロックを追加する方法
このブロックの追加は簡単ですが、他のブロックで使用するのとは異なるプロセスが必要です。 開始するには、作業する投稿またはページを開き、新しいブロックを追加することを選択して、[グループ]オプションを選択します。
これを置くと ブロックすると、複数の要素を追加するオプションを含む新しいセクションが表示されます。 ブロックを追加するためのボタンが2つあることに注意してください。 最初のものを使用する場合は、セット内にアイテムを追加します。 2番目のボタンは、 Groupブロックの後に新しいモジュールを追加します。
Groupブロック内に任意のタイプの複数の要素を挿入できます。 この例では、3つのテーブルブロックを追加しました。 一見すると、グループに含まれる要素が明確でない場合があります。 混乱を避けるために、ブロックエディタのメインメニュー内の[リストビュー]ボタンをクリックできます。
これは、投稿やページにグループブロックを追加するための最初の方法です。 別の方法は、グループに必要なすべてのブロックを追加してから、エディター内でそれらを選択することです。 複数の要素を選択した場合、ブロックエディタにはそれらをリンクするオプションがあります。
ブロックの準備ができたら、特定のグループをテンプレートまたは再利用可能なブロックとして保存できることを忘れないでください。 次のセクションでは、その方法を説明します。
グループブロックの設定とオプション
Groupブロックには複数の異なる要素を含めることができるため、複数のフォーマットメニューが表示される可能性があります。 このセクションでは、このブロックのカスタマイズ可能なオプションと一般設定を操作する方法を示します。
ツールバーの設定
複数のテーブルをまとめる場合は、各テーブルブロックを選択して、そのフォーマット設定とオプションにアクセスできます。
グループブロック全体を選択すると、別のより簡単なフォーマットメニューを表示できます。 含まれるオプションは次のとおりです。
- ブロックを列に変換する
- ドラッグアンドドロップ機能を使用してブロックを移動するか、要素の位置を上下にシフトします
- ブロックの幅を変更する
- セットを分割したり、再利用可能なブロックとして保存したりするなどの追加オプション
Groupブロックのフォーマットメニュー内の各設定の場所を確認しましょう。
ここでのオプションのほとんどは比較的簡単です。 セット内の個々のブロックのフォーマットを微調整するのにより多くの時間を費やす可能性があります。 ここでの2つの傑出した設定は、 Groupブロックを再利用可能な要素として保存するオプション（1）または分割するオプション（2）です。
[グループ解除]を選択すると、ブロックは個々の要素に分割されます。 [再利用可能なブロックに追加]オプションを使用すると、その一意のグループとその設定を保存できるため、他の投稿やページで再利用できます。
ブロックを保存すると、投稿またはページに新しい要素を追加すると、[再利用可能]タブに表示されます。
WordPress内の任意のページまたは投稿に再利用可能なブロックを追加できます。 ただし、要素が適切に収まるように、いくつかのスタイル設定を変更する必要がある場合があります。
追加オプション
各WordPressブロックには、ブロックエディターのメインメニューの右上隅にある歯車のアイコンをクリックしてアクセスできるさまざまな設定が付属しています。
Groupブロックは、セットのスタイルを変更し（1）、色を変更し（2）、境界線とその内部要素の間にパディングを追加する（3）設定を提供します。
Groupブロックを使用すると、2つのスタイルから選択できます。1つは境界線あり、もう1つは境界線なしです。 [境界線]オプションを選択すると、内部コンポーネントを囲む境界が追加されます。 ただし、設定メニューでは、エッジのスタイルや色を変更することはできません。
次に、ブロック内のテキスト、背景、およびリンクに新しい色を設定できます。 ただし、各内部要素の個別の設定は、次のグローバルオプションを上書きすることに注意してください。
次に、[間隔]タブをクリックして、ブロックの境界線とその内部要素の間のパディングを変更できます。 そのためには、距離をピクセル単位で指定する必要があります。
ブロックの構成とスタイルに満足したら、その投稿またはページ内の他の要素に進むことができます。
グループブロックを効果的に使用するためのヒントとベストプラクティス
Groupブロックを使用して、必要な要素をリンクできます。 ただし、やむを得ない理由がある場合にのみ、アイテムをグループ化することをお勧めします。 これを使用するいくつかの大きな理由 ブロックが含まれます：
- 同様の設定でブロックのセットをカスタマイズします。
- ブロックをまとめたまま、投稿またはページのレイアウト内で選択したブロックを移動する
- ブロックのコレクションを保存して、後で別の投稿またはページで再利用します。
ブロックのセットをリンクすることに気が変わった場合は、いつでもブロックを分離でき、個々の設定に影響を与えないことに注意してください。 ブロックエディタに慣れたら、Webサイト全体で再利用できるゴージャスで複雑な要素を作成できます。
グループブロックに関するよくある質問
今では、あなたはWordPressのグループのブロックについて知るためにそこにあるほとんどすべてを知っています。 まとめとして、この要素に関して最もよく寄せられる質問のコレクションをまとめ、重要な詳細を見逃さないようにします。
WordPressブロックをグループ化できますか？
Groupブロックを使用すると、WordPressブロックをリンクできます。 そのため、これを使用して、複数の要素を含む複雑なデザインをまとめることができます。
グループ内の個々のブロックを編集できますか？
ブロックエディタを使用すると、作業中のグループブロック全体を網羅する「グローバル」オプションにアクセスできます。 さらに、セット内の各要素の書式設定とスタイル設定に引き続きアクセスできます。
グループブロックは再利用可能な要素と同じですか？
ほとんどのブロックは、ブロックエディタ内で再利用可能な要素として保存できます。 ただし、 Groupブロックを使用すると、ブロックコンポーネントのセット全体を単一の再利用可能なアイテムとして保存できます。
結論
Groupブロックは、WordPressブロックエディター内で最も興味深い機能の1つです。 ブロックを個別に処理する代わりに、ブロックをリンクして同時にカスタマイズすることができます。
グループブロックは、サイト全体に追加できる再利用可能な要素として保存したり、個々のコンポーネントを操作する場合は分割したりすることができます。 WordPressブロックエディターを使用すると、任意のタイプと数のブロックをグループ化できることを考えると、この機能でできないことはほとんどありません。
このWordPressブロックの使用方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！
Alphavector /shutterstock.com経由の注目の画像