パターン情報
設定のコツ
- ヒーローエリア内のテキストは、背景色・テキスト色・線の変更を管理画面の設定から変更できる様に、CSSではなく横並びブロックの中に縦積みブロックを設置して、文字を縦並びにしています。
- ヒーローエリアのカラムには「.vkp_stacked-on-mobile」というクラス名を入れて、横幅が767.98px以下で縦積みになるように「カスタムCSS」にCSSが書いてあります。
- ヒーローエリアのスライダー画像上のフラッグ画像は、横並びブロックの中に左側と右側のフラッグ画像を設置して、画像の「カスタムCSS」に「position:absolute;」でleft:0;で左、right:0;で右に設置しています。不要な場合は横並びブロックごと削除してください。
- 表示確認済みテーマ
- X-T9、 Lightning ( G3 / theme.json )
- ライセンス区分
- プレミアムパターン
- 使用プロダクト
- VK Blocks Pro (有料)、 カスタムCSS
- 業種
- 教育・スクール
- パターンタイプ
- セクション
- パターンカテゴリー
- ヒーローエリア、 スライダー
- 管理ID
- 10086
【はじめて利用する方へ（ユーザー登録していない方）】
ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます
お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
関連パターン
関連するパターン
プレミアム
学習塾_CTA
- 表示確認済みテーマ
- X-T9、Lightning ( G3 / theme.json )
- ライセンス区分
- プレミアムパターン
詳細情報
- 使用プロダクト
- VK Blocks Pro (有料)
- 業種
- 教育・スクール
- パターンタイプ
- セクション
- パターンカテゴリー
- CTA
- 管理ID
- 22491
プレミアム
NPO法人 フリースクール_ヒーローエリア_ズームアニメーション
- 表示確認済みテーマ
- X-T9、Lightning ( G3 / theme.json )
- ライセンス区分
- プレミアムパターン
詳細情報
- 使用プロダクト
- VK Blocks Pro (有料)、カスタムCSS
- 業種
- 教育・スクール、福祉
- パターンタイプ
- セクション
- パターンカテゴリー
- ヒーローエリア
- 管理ID
- 22633
プレミアム
NPO法人 フリースクール_CTA・フッター
- 表示確認済みテーマ
- X-T9、Lightning ( G3 / theme.json )
- ライセンス区分
- プレミアムパターン
詳細情報
- 使用プロダクト
- VK Blocks Pro (有料)、カスタムCSS
- 業種
- 教育・スクール、福祉
- パターンタイプ
- セクション
- パターンカテゴリー
- フッター
- 管理ID
- 22641
