スペーサー – Block Editor 検証

Contents

画像の回り込み解除などで利用。
style直書きのため、スマホでもPCでも同じ余白になる点に注意。

デフォルト表示

↓ここから

↑ここまで

<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>

余白の設定
ピクセルで指定（PC/SP共通になる）

↓ここから

↑ここまで

.wp-block-spacer {
    clear:both
}

<!-- wp:spacer -->
<!-- /wp:spacer -->