VK Blocks Pro 1.127.0 の Outer ブロックでは、セクションの上下に表示する境界線シェイプ(波・三角・斜めなど)を、背景を切り抜いて表示できるようになりました。
ヘッダーやフッター、背景画像・グラデーションを使ったセクションの直後でも、今後は色を気にせず境界線シェイプを使えるようになりますので、ぜひお試しください。
これまでの課題
これまでの境界線シェイプは、シェイプの部分を単色で塗りつぶして表示する方式でした。そのため、シェイプの色を隣接するセクションの背景色に手動で合わせる必要があり、背景画像・グラデーション・透明セクションが隣接する構成では色合わせが難しく、活用しづらい場面がありました。
背景を切り抜くマスク表示に対応
今回のアップデートで、Outer ブロック自身の背景を境界線の形に切り抜いて表示するマスク方式に変更しました。
この方式では、後ろにある背景の色や画像がそのまま見えるため、隣接するセクションが何色でも自然な境界線になります。
既存のブロックに影響はなし
すでに設置している Outer ブロックの境界線シェイプは、今回のアップデートによる影響はありません。新しく追加する Outer ブロックのみ、切り抜き表示が初期設定になります。
既存のブロックを切り抜き表示に変更したい場合
すでに設置済みの境界シェイプ付き Outer ブロックも、お好みで新しい切り抜き表示に変更できます。
ブロックを選択し、サイドバーに表示される「新しい区切り表示に変換」ボタンをクリックします。変換後に、もとの塗りつぶし表示へ戻すこともできます。
Outer ブロックについてくわしくは、以下よりご確認ください。
Outer（Pro版のみ）
Outerブロックはブロックの外側に背景画像や背景色、 枠線を設置することができます。 レイアウト（標準と全幅）や区切りの設定（傾斜・カーブ・波状・三角）などができます。
VK Blocks / VK Blocks Pro を利用するには？
- VK Blocks（無料版）：WordPress 公式ディレクトリ登録プラグインですので、ご利用の WordPress の管理画面から検索してすぐにインストールできます。
- VK Blocks Pro（有料版）：Vektor Passport（ベクトルパスポート）に含まれています。
Vektor Passport は、ベクトル主要製品・サービスを好きなだけ使える大変お得なサブスク型のライセンス製品です。ライセンス1つで、ご自身で制作・管理されている複数のサイトにご利用いただけます。
を購入して
特典をゲットしよう！
特典A
X-T9 工務店
（ ナチュラル ）
19,800円 (税込)
0円に！
特典B
Lightning ビジネス
（Evergreen）
9,900円 (税込)
0円に！
特典C
Lightning 工務店
（ ナチュラル ）
19,800円(税込)
0円に！
今なら！
Vektor Passport の
有効期間中、上記の
デモサイトデータを
何度でも素早くまるごと
インポートできます！
爆速!!１分でデモサイトと同じ
ホームページができる
選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。
フルサイト編集対応ブロックテーマ
WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを500以上公開中！コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる
VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。