ブロックの間隔を調整する

サイトのレイアウトを検討するときに、ページ上の異なる要素の間隔を変更または削除したいと思うことがあります。このガイドでは、コンテンツのブロック間隔の調整に利用できる何通りかの方法を紹介します。

ブロック間隔の設定を利用すると、 2 つのブロックの間隔を調整できます。

この設定はネストされたブロックがある場合に表示されます。ネストされたブロックとは、他のブロックの中に含まれるブロックのことです。たとえば、ギャラリーブロックには個々の画像ブロックが含まれ、カラムブロックには個々のカラムが含まれます。

ネストされていないブロックは、グループ化するとブロック間隔の設定にアクセスできます。ネストされていない2つのブロックの間隔を削除するには、次の手順に従ってブロックをグループブロックの中に配置します。

1. 「リスト表示」を開き、間隔を削除するブロックを探します。
2. 片方のブロックをクリックして選択します。
3. キーボードの Shift キーを押しながらもう片方のブロックをクリックします。そうすると両方のブロックが選択されます。
4. 省略記号 (3つの点) をクリックしてオプションを開きます。
5. 「グループ」を選択します。2つのブロックがグループブロック内に配置されます。
6. 右側のグループブロックの設定で、「スタイル」タブ内にある「サイズ」の設定を見つけます。
   • 「スタイル」タブのアイコンは、下の図のように黒と白の丸で表示されます。
   • 
7. 「ブロック間隔」にはスライダーがあります。「カスタムサイズを設定」アイコンをクリックします。
   • このアイコンは、2本の横線にドットが1つずつ乗っているような形をしています。
   • 
8. カスタムサイズとして数値の0を入力します。
   • 注: ボックスが空白値の場合、デフォルトの間隔が使用されます。ブロック間隔を空けないようにするには、ボックスにゼロを入力する必要があります。

これらの手順は次の動画で実演されています。

ページに余分なスペースがあり、その原因がわからない場合は、ページのコンテンツに空のブロックがないことを確認してください。

「リスト表示」を開いてページに含まれるすべてのブロックのリストを表示します。空のグループブロックや段落ブロックなど、コンテンツがないブロックがある場合は、省略記号 (3つの点) をクリックして「削除」を選択し、ブロックを削除します。

サイトの要素間のスペースを追加、削除、変更する方法は他にもあります。

• スペーサーブロックを挿入してページまたは投稿の任意の場所にスペースを追加します。
• 前述した「ブロック間隔」の方法と同様に、多くのブロック周辺のパディング設定を調整できます。パディングとは、ブロックの外側に設けられたスペースで、枠線の内側にあります。
• 前述した「ブロック間隔」の方法と同様に、多くのブロック周辺のマージン設定を調整できます。マージンとは、ブロックの外側に設けられたスペースで、枠線の外側にあります。