VK Blocks のレスポンシブスペーサーで、margin-topでも余白を指定できるようになりました。今までは、スペーサーがheight指定だとスペーサー上の要素のmargin-bottomが異なるため、同じ高さの余白を作りにくかったのですが、margin-topを選ぶことで余白の高さを揃えやすくなります。
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/responsive-spacer-margintop04-1024x559.webp)
「余白タイプ」で「height」か「margin-top」を選択できます。
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/image-marginbottom01.png)
例えば、画像ブロックで配置した画像には、オレンジの部分がmargin-bottomとして指定されていますが、「余白タイプ」で「margin-top」を選ぶとmarginの相殺になります。
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/responsive-spacer-height.01.png)
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/responsive-spacer-margintop01.png)
heightを選んだ場合
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/nordwood-themes-F3Dde_9thd8-unsplash-1024x683.webp)
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/andrew-neel-cckf4TsHAuw-unsplash-1024x683.webp)
margin-topを選んだ場合
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/nordwood-themes-F3Dde_9thd8-unsplash-1024x683.webp)
![](https://vektor-inc.co.jp/move-test/wp-content/uploads/2020/10/andrew-neel-cckf4TsHAuw-unsplash-1024x683.webp)
![](https://demo.dev3.biz/architect/wp-content/uploads/2022/10/vk-pattern-library-logo.png)
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる VK AB Testing
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/02/vk-ab-testing-key-visual-list.png)
VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。