VK Blocks のレスポンシブスペーサーで、margin-topでも余白を指定できるようになりました。今までは、スペーサーがheight指定だとスペーサー上の要素のmargin-bottomが異なるため、同じ高さの余白を作りにくかったのですが、margin-topを選ぶことで余白の高さを揃えやすくなります。

「余白タイプ」で「height」か「margin-top」を選択できます。

例えば、画像ブロックで配置した画像には、オレンジの部分がmargin-bottomとして指定されていますが、「余白タイプ」で「margin-top」を選ぶとmarginの相殺になります。


heightを選んだ場合


margin-topを選んだ場合



パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる VK AB Testing

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。
AB テストでクリック率 &
売上アップ!

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。