【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 )」「Twenty Twenty-Five」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」を使用しています。
設定のコツ
- カラムブロックの幅を調整することで、セクションやギャラリーに不規則のようで統一されたアクティブ感を出しています
- モバイル時のパディングを調整するため、レスポンシブスペーサーに非表示設定を利用している箇所があります
→「特徴」「プラン紹介」など<h2>
の上のレスポンシブスペーサーはモバイル時のみ時表示 - 最下部にお問い合わせボタンとソーシャルアイコンを表示する固定表示ブロック(PC用 / モバイル用) があります
- ヒーロエリア内のテキストでインライン文字サイズを使い「の」だけを小さめに表示しています
- 薄グレーの大きな英字「WORKCATION」「ADVANTAGES」など段落のタイポグラフィ[大文字小文字]で大文字に設定しています
- 全体をグループで囲ってグラデーション背景を設定しています
グラデーション開始位置(青)と終了位置(グレー)を同じポイントにすることで、左右に色が分かれた背景を実現しています
操作方法は下記の動画を参考にしてください