保育園・幼稚園_ヒーローエリア

【VK Patterns Library をはじめて利用する方へ】

VK Pattern Library のユーザー登録するには Lightning G3 Pro Pack か Vektor Passport のいずれかのライセンスが有効である必要があります。

ライセンスを購入する場合はこちら⇒１年・３年・５年

VK Pattern Library のユーザー登録は VWS のマイアカウントからのみとなります。

VK Pattern Library のユーザー登録の流れはこちらをご覧ください。

【VK Patterns Library のユーザー登録がお済みの方へ】

下記の機能はログイン時のみ利用可能です。利用したい場合はログインしてください。

ただし、Lightning G3 Pro Pack と Vektor Passport の両方のライセンスが無効である場合は利用できません。

ライセンスを購入する場合はこちら⇒１年・３年・５年

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

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

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