2020年5月12日 / 最終更新日 : 2026年2月9日対馬俊彦 WordPress

WordPress テーマ Lightning Pro でランディングページを作る方法

1. ランディングページを作るのはけっこうめんどう
2. ランディングページの作り方 (テーマ Lightning Pro)
2.1. Landing Page テンプレートは使いません
2.2. VK All in one Expansion Unit 有効化設定
2.3. 文書の Lightning デザイン設定
2.4. VK All in One Expansion Unit の設定

ランディングページを作るのはけっこうめんどう

一部のテーマを除き、WordPress の固定ページでランディングページを作るのはけっこうめんどくさいです。

その理由は、WordPress の固定ページにはランディングページに不要な以下の部分が表示されるからです。

ヘッダー (ロゴ・ナビゲーション・バナー・ページタイトル・パンくずリストなど)
サイドバー
フッター

例えばこのサイトでは以下の部分が該当します。

このサイトで使用しているテーマ Lightning Pro は最近のバージョンになってかんたんにランディングページを作ることができるようになりましたので、そのやり方を紹介します。

ランディングページの作り方 (テーマ Lightning Pro)

以下のテーマ、プラグインを使用します。バージョンは2020年5月12日時点の最新のものです。

テーマ Lightning Pro 4.6.0 (有料)
プラグイン VK Blocks Pro 0.27.4 (Lightning Pro が必要)
プラグイン VK All in One Expansion Unit 9.18.1.0

Lightning Pro について詳しく

Landing Page テンプレートは使いません

BizVektor テーマの頃から Lightning の少し前のバージョンまでは、テンプレートとして Landing Page を指定していましたが、最新版の Ligntning では非推奨 (not recommended) になりましたので、このテンプレートは使いません。

VK All in one Expansion Unit 有効化設定

CSSカスタマイズを有効にしておきます。

文書の Lightning デザイン設定

作成するランディングページで、文書の Lightning デザイン設定を以下のようにします。

レイアウト設定を 1カラム (サブセクション無し) にする。
ページヘッダーとパンくずリストの表示しないにチェックをつける。
余白設定の siteContentの上下余白を無しにするにチェックをつける。

VK All in One Expansion Unit の設定

作成するランディングページで、VK All in One Expansion Unit の設定を以下のようにします。

ソーシャルボタンを表示している場合は、シェアボタンの非表示設定のソーシャルボタンを表示しないにチェックをつける。
カスタムCSS に以下のように入力する。
header.siteHeader { display:none; }
footer.siteFooter { display:none; }
body.device-mobile .vk-mobile-nav-menu-btn { display:none; }
.mobile-fix-nav { display:none; }

2021年6月25日追記 → 2021年8月4日変更

最新版の Lightning G3 Pro Unit は CSS を書かなくても編集画面でヘッダー・フッター・ハンバーガーボタン・モバイル固定ナビを表示しないようにできますので、ランディングページを作るのがさらに楽になっています。

Lightning G3 Pro Unit の購入はこちら

サイト運営者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / X-T9 / VK Blocks / VK Filter Search などのベクトル製品のサポート、カスタマイズを最も得意としています。

打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのウェブサイト制作・運用のサポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら

WordPress サイト制作・カスタマイズ・サポートを承ります

WordPress を使用したサイト制作・カスタマイズ・サポートを全国どこからでも承っています。ベクトルが開発している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン (VK Blocks Pro ・ VK Filter Search Pro) を使ったサイト制作・カスタマイズを最も得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

* 近くに頼りになるところがない
* わからないところを教えてほしい
* 専門家にサイト制作を手伝ってもらいたい
という方はぜひお気軽にご相談ください。

デザイナー様・制作業者様のお手伝いも数多く行っております。難しい部分のコーディングをやってほしい、いま人手が足りない、等々... お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきます。

ご相談・お問い合わせはお気軽にどうぞ