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

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

設定のコツ
  • ヒーローエリア内のテキストは、背景色・テキスト色・線の変更を管理画面の設定から変更できる様に、CSSではなく横並びブロックの中に縦積みブロックを設置して、文字を縦並びにしています。
  • ヒーローエリアのカラムには「.vkp_stacked-on-mobile」というクラス名を入れて、横幅が767.98px以下で縦積みになるように「カスタムCSS」にCSSが書いてあります。
  • ヒーローエリアのスライダー画像上のフラッグ画像は、横並びブロックの中に左側と右側のフラッグ画像を設置して、画像の「カスタムCSS」に「position:absolute;」でleft:0;で左、right:0;で右に設置しています。不要な場合は横並びブロックごと削除してください。

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