保育園・幼稚園_ヒーローエリア | VK パターンライブラリ

X-T9

【はじめて利用する方へ（ユーザー登録していない方）】

ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます

お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。

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

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

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

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

以下の機能はログイン時のみご利用いただけます。ご利用の際は ログイン してください。

ただし、Vektor Passport (もしくはLightning G3 Pro Pack) のライセンスが無効な場合は、これらの機能はご利用いただけません。

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

このパターンではテーマ「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;で右に設置しています。不要な場合は横並びブロックごと削除してください。

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

ぜひご見学ください

私

た

ち

と

築

く

未

来

を

子

ど

も

達

の