この記事について
この記事は、Lightning G3 Pro Unit プラグインで、VK Pattern Library に登録されているランディングページ（LP）のパターンを固定ページに設置する手順を紹介しています。
LightningとLightning G3 Pro Unit ですでにサイトを運用されていて、固定ページなどにランディングページを設置する方向けに書いています。
プラグイン Lightning G3 Pro Unit は Vektor Passport（ベクトルパスポート） に含まれます。Vektor passport（ライセンス期間1年 / 3年 / 5年のいずれか）をご購入ください。
固定ページに設置する手順
ランディングページ用の固定ページを新規作成
固定ページを新規追加します。
STEP
1
Lightning デザイン設定を設定します
固定ページの設定画面の「Lightning デザイン設定」を以下に設定していきます。
- 【レイアウト設定】は 1カラム
※ランディングページは1カラムでのレイアウトを想定しています。 - 【余白設定】「サイトコンテントの上下余白を無しにする」にチェックをいれる
※チェックを入れるとコンテンツエリアの上下の余白が無くなります。余白を細かく調整したい場合はレスポンシブスペーサーブロックなどを入れて調整してください。 - 【非表示設定】ナビゲーションとフッター要素が入って “いない” ランディングページの場合は以下にチェックを入れる
- ページヘッダーを表示しない
- パンくずリストを表示しない
- 【非表示設定】ナビゲーション&フッター要素が入って “いる” ランディングページの場合は以下にチェックを入れる
- ヘッダーを表示しない
- ページヘッダーを表示しない
- パンくずリストを表示しない
- フッターを表示しない
- ハンバーガーボタンを表示しない
STEP
2
VK Pattern LibraryからLPのパターンをコピペ
固定ページの準備ができましたので、VK Pattern Libraryのトップページ・LPから、お好みのパターンをコピーして、先ほど準備した固定ページに貼り付けます。
STEP
3
ナビゲーション付きのLPのナビゲーション部分の設定
ナビゲーション付きのランディングページの場合、ナビゲーションの設置方法は、以下よりご確認ください。
トップページに設置する方法はこちら
トップページにランディングページを設置する場合は、こちらをご確認ください。
Lightning でランディングページ（LP）を作ってみよう
2022年12月8日
この記事を書いた人
ご好評につきキャンペーン期間延長！
Vektor Passport
を買って
Evergreen を
無料でダウンロードしよう
Lightningで使えるおしゃれなデザインスキン / コンテンツデータを試せるチャンス！
