グリッドブロック

グリッドブロックは、他のブロックのコンテナの役割を果たします。複数のブロックを整理し、コンテナ内のすべてのブロックの色、テキストスタイル、高さ、幅、位置を調整するために使用します。このブロックはグループブロックのバリエーションです。

新しい空のグリッドブロックから始めるか、既存のブロックをグリッドにグループ化することができます。

新しいグリッドブロックを追加するには、ブロック挿入の「+」ボタンをクリックして「グリッド」を検索します。クリックしてそのブロックを投稿またはページに追加します。キーボードを使用して新しい行に「/grid」と入力して Enter キーを押し、新しいグリッドブロックをすばやく追加することもできます。

ブロックを追加する手順についてはこちらを参照してください。

グリッドブロックを追加したら、「+」のブロック挿入アイコンをクリックしてグリッド内にブロックを追加します。

すでにページにあるブロックは、以下の手順でグリッドブロックに組み込めます。

1. グループ化するブロックを選択します。次の方法で複数のブロックを選択できます。
   • ブロックをマウスでクリックしてハイライト表示します。
   • 最初のブロックをクリックし、キーボードの Shift キーを押しながら最後のブロックをクリックすると、最初のブロックと最後のブロックの間にあるすべてのブロックを選択できます。
   • 「リスト表示」を使用して、最初のブロックをクリックし、キーボードの Shift キーを押しながら最後のブロックをクリックすると、最初のブロックと最後のブロックの間にあるすべてのブロックを選択できます。
2. ブロックの上または下に表示されるブロックツールバーで、「グループ」アイコン (2つの正方形が重なったアイコン) をクリックして、これらのブロックをグループブロックに追加します。

3. 右サイドバーにあるグループブロックの「設定」で 「グリッド」アイコン (2×2グリッドの表示) をクリックします。

ブロックをクリックすると次のオプションのツールバーが表示されます。

グリッドブロックのツールバーには次のオプションがあります。

• ブロックタイプまたはスタイルを変更する。
• ブロックをドラッグする。
• ブロックを上下に移動する。
• 配置を変更する: なし、幅広、全幅。
• その他のオプション。

ブロックを選択すると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の 「設定」アイコンをクリックして設定を表示させます。このアイコンは、幅の異なる2つの列から成る正方形のアイコンです。

グリッドブロックには、次のブロック設定があります。

以下は、複数の段落ブロックをさまざまなカラムと行のスパンに設定したグリッドブロックの例です。

詳細については、「高度なブロック設定」の説明を参照してください。

ブロック設定サイドバーでスタイルアイコンをクリックし、ブロックのデザイン設定にアクセスします。スタイルアイコンは、半分が塗りつぶされた円の形をしています。

ここでは、テキストの色、背景色、テキストのサイズとフォント、パディング、余白、ブロックの間隔を設定できます。これらの設定を使用する方法の詳細については以下のガイドを参照してください。

• 色設定
• タイポグラフィ設定
• サイズ設定
• 枠線設定

グリッドブロックのスタイルでは、すべてのグループブロックのバリエーションと同様にブロックのコンテンツの背後に表示する画像を設定できます。背景画像を追加する手順については、グループブロックに関するガイドを参照してください。

内部ブロックを消去せずにグリッドブロックを削除する場合は、代わりにブロックのグループ化を解除できます。次の手順を実行します。

1. 編集画面の上部にある「リスト表示」を選択します。
2. 「グリッド」ブロックを選択します。
3. 「グリッド」ブロックの横にある3つのドットをクリックします 。
4. 「グループ解除」オプションを選択します。