【VK Patterns Library をはじめて利用する方へ】
VK Pattern Library のユーザー登録するには Lightning G3 Pro Pack か Vektor Passport のいずれかのライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
このパターンではテーマ「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;で右に設置しています。不要な場合は横並びブロックごと削除してください。
