【VK Patterns Library をはじめて利用する方へ】
VK Pattern Library のユーザー登録するには Lightning G3 Pro Pack か Vektor Passport のいずれかのライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
このパターンではテーマ「Lightning ( G3 / theme.json )」「X-T9」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks」「VK Block Patterns」を使用しています。
画像素材について
パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。
画像はライセンスが有効なアカウントでログインすると表示されます
設定のコツ
- ヘッダーの「電話番号とお問い合わせボタン」は、VK Blocks の「非表示設定」で画面サイズごとで出しわけしています。
- ヒーローエリアの「PC用キャッチコーピー」と「モバイル用キャッチコピー」部分は、「非表示設定」でPC用とモバイル用でそれぞれ出し分けています。テキストを修正する際は、忘れずにどちらも修正してください。
- ヘッダー下のカラムブロック(サービス案内)は、カラムブロックのマージン上にネガティブマージンでマイナス値を設定し、カバーブロックに重なるようにしています。
- ヘッダー下のカラムブロック(サービス案内)と、ご案内セクションのカラムブロックのリンクは、カラムから設定しています。
- ずらしたデザインの背景色は、グループブロックの背景のグラデーションで調整しています。下の動画を参照してください。
ナビゲーションについて
- パターンに合わせて直書きしたナビゲーションを表示しています。
パターンをペーストしたあとで、ご自分のサイトに合わせたナビゲーションを設置してください。
参考:ランディングページ(LP)で、ナビゲーションブロックでページ内リンク(カスタムリンク)を設置する方法
ブロックテンプレートパーツ機能について
- Lightning G3 Pro Unit ヘッダーとフッターで使える ブロックテンプレートパーツ機能については、以下の動画を参照ください。