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

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

設定のコツ
  • ヒーローエリア内のテキストは、横並びブロックの中に縦積みブロックを設置して縦並びにしています。
  • ヒーローエリアのカラムには「.vkp_stacked-on-mobile」というクラス名を入れて、横幅が767.98px以下で縦積みになるように「カスタムCSS」にCSSが書いてあります。

このパターンで使用している写真は、ぱくたそ様の写真素材を利用しています。
※同一の画像は公開が終了している場合がありますのであらかじめご了承ください。
※画像の使用許諾等はリンク先のサイトにてよくご確認ください。
※仮の画像をそのまま使用すると直リンクになりサーバーに負荷がかかるため、必ず差し替えるようにお願いします。

関連するパターン