このパターンではテーマ「Lightning ( G3 / theme.json )」「X-T9」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。

設定のコツ
  • VK Blocks Proの「グリッドカラムカード」ブロックを使用しています。カラムヘッダーメディアエリアは非表示にして、通常時の画像とhover時に切り替わる用の画像を2枚入れてグループブロックでラップして、グループブロックに「カスタムCSS」を記述してカスタマイズしています。

ベクトルパスポートがあればすべてのパターンが使えます