VK Blocks 1.14.0 でレスポンシブスペーサーの共通余白をデバイス毎にサイズ指定できるようになりました


  1. 製品更新情報
  2. VK Blocks
  3. VK Blocks 1.14.0 でレスポンシブスペーサーの共通余白をデバイス毎にサイズ指定できるようになりました

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

VK Blocks / VK Blocks Pro 1.14.0では、レスポンシブスペーサーブロックで共通余白「 小 / 中 / 大 」(カスタム以外)で設置する際の余白をデバイス毎にサイズ指定することが可能になりました。あらかじめお好みのサイズに指定しておけば、コンテンツを作成する時に大変便利です。

共通余白 小 / 中 / 大

サイズ指定は、管理画面の 設定 > VK Blocks 「共通余白設定」で設定できます。単位 px / em / rem から選び、画面サイズ毎にサイズを指定してください。変更を保存後は、すでに設置済みの「 小 / 中 / 大 」の余白にもそのサイズが反映されます。

共通余白を指定している時も余白タイプを



個別に指定できるようになりました

共通余白「 小 / 中 / 大 」を指定している時も、余白タイプをプルダウンで margin-top か height かを個別に指定できるように機能追加しました。height と margin-top の選択によって余白の高さを揃えやすくなります。

height と margin-top の違い

  • height : 余白を加算します。
  • margin-top : 上部要素に margin-bottom がある場合は、相殺して上の要素の margin-bottom かレスポンシブスペーサーの margin-top の大きい方の余白になります。
height:上部要素の margin-bottom の下に加算
margin-top:上部要素の margin-bottom を相殺している
フルサイト編集に対応したブロックテーマ X-T9

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

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

パターンを使って

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

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

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

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

PAGE TOP