レスポンシブスペーサーブロックでmargin-topを指定することで余白を揃えやすくなりました


  1. 製品更新情報
  2. VK Blocks
  3. レスポンシブスペーサーブロックでmargin-topを指定することで余白を揃えやすくなりました

この記事は2年以上前に公開されたものです。最新の情報を参考にしてください。

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

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

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

余白タイプ:height
余白タイプ:margin-top

heightを選んだ場合

margin-topを選んだ場合

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。

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

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP