このパターンではテーマ「Lightning ( G3 / theme.json )」「X-T9」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
設定のコツ
- ヘッダー上部のボタンは、スクロール時に「お問合せ」「資料請求」が右寄せになり追従するよう、カスタムCSSでカスタマイズしています。電話番号は非表示になります。このボタンはスマホサイズでも表示されますが、必要ない場合は該当のグループブロックを「非表示設定」から画面サイズにより非表示にしてください。
- animation-timeline:scroll() プロパティはブラウザの互換性がないものがあります。ご注意ください。
ナビゲーションについて
- パターンに合わせて直書きしたナビゲーションを表示しています。
パターンをペーストしたあとで、ご自分のサイトに合わせたナビゲーションを設置してください。
参考:ランディングページ（LP）で、ナビゲーションブロックでページ内リンク（カスタムリンク）を設置する方法
ブロックテンプレートパーツ機能について
- Lightning G3 Pro Unit ヘッダーとフッターで使える ブロックテンプレートパーツ機能については、以下の動画を参照ください。
