このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「Lightning G3 Pro Unit」「VK Dynamic If Block」「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
設定のコツ
- ロゴマークのような丸い画像は仮の画像を配置しています。
実際にはサイトロゴを設置してください。 - ナビゲーションはPCとモバイルで、それぞれのナビゲーションが設置してあり、「 非表示機能 」で出し分けしています。
- プラグインの VK Dynamic If Block を利用することで、トップページのみ下記のようにヒーローエリアが表示されます。
トップページ用ブロックパターンの使い方
ヘッダー背景に色がある場合
ナビゲーションについて
- パターンに合わせて直書きしたナビゲーションを表示しています。
パターンをペーストしたあとで、ご自分のサイトに合わせたナビゲーションを設置してください。
参考:ランディングページ（LP）で、ナビゲーションブロックでページ内リンク（カスタムリンク）を設置する方法
ブロックテンプレートパーツ機能について
- Lightning G3 Pro Unit ヘッダーとフッターで使える ブロックテンプレートパーツ機能については、以下の動画を参照ください。
画像素材について
パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。
画像はライセンスが有効なアカウントでログインすると表示されます
