VK Blocks 1.76.0 でデフォルトテーマでもレスポンシブスペーサーの上下の余白が0になるよう変更しました


  1. 製品更新情報
  2. VK Blocks
  3. VK Blocks 1.76.0 でデフォルトテーマでもレスポンシブスペーサーの上下の余白が0になるよう変更しました

Twenty Twenty-Four などのデフォルトテーマで VK Blocks のレスポンシブスペーサーを使用すると、スペーサーの上下にマージンがつくことがあります。この余白を無くすには「ブロックの余白」で都度0を指定する必要がありました。

※Lightning や X-T9 で使用する場合は、レスポンシブスペーサーにマージンはつきません。

以下の画像で説明すると、レスポンシブスペーサーの上部にマージンがついており、意図しない余白が追加されることになります。

VK Blocks 1.75.1.1 のレスポンシブスペーサー(Twenty Twenty-Four で使用)

VK Blocks 1.76.0 では、デフォルトテーマでもレスポンシブスペーサーの上下の余白が0になるように変更しました。都度「ブロックの余白」で0に指定していた方は、今後は余白を調整しやすくなると思います。

デフォルトテーマで利用している方は、ご留意くださいますようお願いします。

VK Blocks 1.76.0 以降のレスポンシブスペーサー(Twenty Twenty-Four で使用)

なお、オンライン学習サービス「ベクトレ」では、ブロックエディターで思い通りに余白を調整するコツを学べるレッスンを公開しています。制作時にお役立てください。

余白をコントロールするには | ベクトレ

ブロックエディターで、自分の思い通りに余白を調整するコツを学習します。https://www.vektor-inc.co.jp/post/block-margin-size

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

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

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

パターンを使って

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

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

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

PAGE TOP

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