WordPress5.0から新しく実装されたビジュアルエディタ「Gutenberg(グーテンベルグ)」の使い方を説明していくシリーズです。
今回は、 ブロックとブロックに隙間を作る「スペーサー」ブロックの使い方です。
ブロック「スペーサー」の使い方
ブロックとブロックに隙間を作るには「スペーサー」を利用します。
STEP1
![](https://komatoki.com/wp-content/uploads/2020/09/3ec7fb360f8fb7c2d8204e3f00a4b6ae-1-1024x763.jpg)
スペースを入れたい場所の上下どちらかのブロックをクリックし、”前に挿入”または”後ろに挿入”を選択します。
STEP2
![](https://komatoki.com/wp-content/uploads/2020/09/5f0ecf73bcaa2dba9cebadc192937eba-1024x750.jpg)
ブロックの追加をクリックし、スペーサーを選択します。
STEP3
![](https://komatoki.com/wp-content/uploads/2020/09/226dfcd1a583bf966a1ce6e0941934da-1024x736.jpg)
スペースブロックの下部●を左クリックで押さえて、スペース幅を調整します。
プレビュー画面
スペーサーありのプレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/09/93148184fcdf4f7cd4da16092d20c3d6.jpg)
スペーサーなしのプレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/09/c26cad58e33814196ba746c715c07e8c.jpg)