Lightning G3 Pro UnitでVK Pattern Libraryのランディングページ(LP)のパターンを固定ページに設置する手順

,

  1. Staff Blog
  2. WordPress
  3. 制作・運用ノウハウ
  4. Lightning G3 Pro UnitでVK Pattern Libraryのランディングページ(LP)のパターンを固定ページに設置する手順

この記事について

この記事は、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のナビゲーション部分の設定

ナビゲーション付きのランディングページの場合、ナビゲーションの設置方法は、以下よりご確認ください。

トップページに設置する方法はこちら

トップページにランディングページを設置する場合は、こちらをご確認ください。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。


PAGE TOP

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。