有料版Lightning G3 Pro Unitの使い方（初期設定とテーマカスタマイザー）【無料版との比較あり】

2022年11月24日

ワードプレスの人気テーマLightning G3の有料版といえるプラグインLightning G3 Proの初期設定と外観＞カスタマイズでできることを紹介します。

気になる無料版との違いも具体的にわかるように整理しました。ぜひ確認してみてください。

Lightning G3 Pro Unitとは

ワードプレスの無料テーマLightningの機能拡張プラグインです。

もともと無料版Lightningはテーマ自体はシンプル、専用プラグインでデザインや機能の拡張をする構成となっています。

なので無料版Lightningでは物足りないな、と思ったときにプラグインLightbning G3 Proを追加するだけで、既存のサイトを壊すことなく簡単に有料版としての機能を使えるようになるわけです。

Lightning G3 Pro Unitを購入するには

プラグインLightning G3 Pro Unitは単独での販売はしておらず、Vektor Passportに含まれています。

Vektor Passportはサブスクリプション方式のサービスで、ライセンス期間により次のようになっています。

Vektor Passport １年ライセンス	9,900円 （税込）
Vektor Passport ３年ライセンス	26,400円 （税込）
Vektor Passport ５年ライセンス	39,600円 （税込）

サブスクリプションですが、ライセンス期間終了後も継続して使用が可能です。アップデートとサポートを受けられなくなるだけなので、再度サポートを受けたいというタイミングで再契約すればよいでしょう。

Lightning G3 Pro Unitの初期設定

プラグインのインストール・有効化

プラグインLightning G3 Pro Unitを会員サイト（マイアカウント）からダウンロードし、インストール・有効化するとすぐに使えるようになります。

同時にプラグインVK Blocks Proもダウンロードしてインストール・有効化しておくとよいでしょう。有効化後に無料版VK Blocksは削除してください。

あと、Lightningとしての機能を十分に使うために、VK All in One Expansion UnitとVK Block Patternsもインストール有効化しておきましょう。どちらも無料でワードプレス公式プラグインとして取得可能です。

ライセンスキーの入力

プラグインを最新版に更新するためにはライセンスキーが必要です。こちらも同じく会員サイトで入手できます。

ライセンスキーはLightning G3 Pro UnitおよびVK Blocks Proそれぞれの設定画面で入力します。

Lightning G3 Pro Unitへのライセンスキー入力

設定＞Lightning G3 Pro Unitの設定を開けて入力します。

またライセンスキー入力部の下で、Lightning G3 Pro Unitの各機能のON/OFFができるようになっています。デフォルトでは全機能ON状態ですが、慣れてきて不要な機能だと感じたらOFFにするとよいでしょう。

本記事で紹介するテーマカスタイザーの内容は、全機能ONになっていることを前提としています。

VK Blocks Proへのライセンスキー入力

設定＞VK Blocks　を開けて、ページ上部のライセンスキーにて入力します。

Lightning G3 Pro Unitのテーマカスタマイザー

それでは外観＞カスタマイズの機能を紹介していきます。項目だけを無料版と比較すると以下の通りです。

設定項目	Lightning G3 Pro	無料版 Lightning
サイト基本情報	〇	〇
色	〇	△
背景画像	〇	〇
メニュー	〇	△
ウィジェット	〇	△
ホームページ設定	〇	〇
追加CSS	〇	〇
Lightning CSS最適化（高速化）設定	〇	〇
Lightning 機能設定	〇	△
Lightning デザイン設定	〇	△
Lightning フォント設定	〇	ー
Lightning ヘッダー上部設定	〇	ー
Lightning ヘッダー設定	〇	ー
Lightning キャンペーンテキスト	〇	ー
Lightning トップページスライドショー	〇	〇
Lightning ページヘッダー設定	〇	ー
Lightning レイアウト設定	〇	△
Lightning アーカイブページ設定	〇	ー
Lightning 詳細ページ設定	〇	ー
Lightning フッター設定	〇	ー
Lightning コピーライト設定	〇	ー
Lightning モバイルナビ	〇	〇
Lightning モバイル固定ナビ	〇	ー
Lightning Font Awesome	〇	〇
ExUnit 設定	〇	〇

各設定項目をクリックするとこの後の各設定項目の説明へ飛ぶことができます。無料版と一部違うところも項目毎説明で具体的に確認できるので、気になる設定があれば見てみましょう。

サイト基本情報

※無料版にも同じ機能あり

色

※文字色が緑色の設定は無料版でも可能

カラーパレットについての詳細は以下の記事を参照ください。

背景画像

※無料版にも同じ機能あり

メニュー

ナビゲーションメニューの作成は、外観＞メニュー　の方がメニュー項目追加やオプション設定など含めて作成しやすいですが、外観＞カスタイズ＞メニュー ではプレビューしながら作成・編集することができます。

※無料版にも同じ機能がありますが、Header Top Navigationの設定はできません。

各ナビゲーションは以下の通りです。

Header Navigation

表示レイアウト（スクロール時のレイアウト含む）の変更も可能です（Lightningヘッダー設定参照）。

Footer Navigation

表示位置の変更も可能です（Lightningフッター設定参照）。

Mobile Navigation

ハンバーガーメニューをクリックするとメニューが開く仕様です。ハンバーガーメニューの表示位置やメニューの開き方の変更が可能です（Lightningモバイルナビ参照）。

Header Top Navigation

Header Top Navigationはヘッダー上部の帯状エリアに設置するナビゲーションです。ヘッダー上部エリアには電話番号やお問い合わせボタンも設置できます（Lightningヘッダー上部設定参照）。

Lightning G3 Pro では各ナビゲーションのレイアウトなどの見映えを何パターンかに変更することができます。詳しくはこちらの記事を参照ください。

ウィジェット

ウィジェットの設定は、外観＞ウィジェット　の方が慣れると設定しやすいですが、外観＞カスタマイズ　の中ではプレビューしながらウィジェット設置することができます。

※無料版では上記黒色で記述したウィジェットエリアがありません。

ホームページ設定

※無料版にも同じ機能あり

追加CSS

※無料版にも同じ機能あり

追加CSS欄以外にもLightningにはカスタムCSSを記述する場所が設定されています。詳しくはこちらの記事を参照ください。

Lightning CSS最適化（高速化）設定

※無料版にも同じ機能あり

Lightningには、このほか必須プラグインAll in One Expansion Unitにも高速化設定があります。詳しくはこちらの記事を参照ください。

Lightning 機能設定

※文字色が緑色の設定は無料版でも可能

アクションフックの場所を表示を有効化したときのプレビュー画面例です。

ピンク地の中に赤字でアクションフック名が表示されています。どの場所にアクションフックがあるのか一目瞭然なので、サイトのカスタマイズにはすごく便利です。

Lightning デザイン設定

※文字色が緑色の設定は無料版でも可能

見出しの設定は以下の通りです。

セクション設定は、各ページごとに編集エディター内で設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning フォント設定

※無料版には設定なし

フォントの設定画面です。

Lightning ヘッダー上部設定

ここで設定するヘッダー上部とは、サイトタイトルおよびヘッダーメニューのあるヘッダー部の上にある帯状エリアのことをいいます（無料版Lightningにはこの機能はありません）。

※ヘッダー上部の帯状エリアはモバイルでは表示されません。

ヘッダー上部には、デフォルト状態ではサイトのキャッチフレーズが表示されます。

しかし設定次第で、ナビゲーションメニュー・電話番号・お問い合わせ先リンクボタンを表示することができます。背景色・文字色の変更も可能です。

電話番号とお問い合わせボタンは、ヘッダーエリアにも表示させることが可能です。Lightningヘッダー設定をご覧ください。

ナビゲーションメニューは、外観＞かスタマイズ＞メニュー　または　外観＞メニューで設定しますが、電話番号・お問い合わせボタンは、この外観＞カスタマイズ＞ヘッダー上部設定にて設定します。

※無料版には設定なし

表示されるキャッチフレーズは、外観＞カスタマイズ＞サイト基本情報　で入力したものが表示されますが、各ページの編集画面に入力することでページ毎に変更可能です。

また、このヘッダー上部帯状エリアでのナビゲーション設定方法は、こちらの記事で紹介しています。

このほか、公式サイトのヘッダー上部設定も参照ください。

Lightning ヘッダー設定

ヘッダーはサイトタイトルとグローバルナビが表示されているエリアです。

デフォルトでは上の画像のようにサイトタイトルの右横にグローバルナビが回り込んで表示されるレイアウトですが、この外観＞カスタマイズ＞Lightning ヘッダー設定でさまざまなレイアウトに変更可能です。

※サイトタイトルのロゴ画像化は、外観＞カスタマイズ＞Lightning デザイン設定　のヘッダーロゴ画像で可能です。

※無料版には設定なし

ヘッダーレイアウトとグローバルナビスクロール時のレイアウトについては、こちらの記事で詳細に説明しています。

その他のLightning ヘッダー設定の詳細は公式サイトのヘッダー設定をご覧ください。

ヘッダーは、各ページごとに編集エディター内で非表示設定や透過設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning キャンペーンテキスト

次のようなキャンペーンテキストおよびリンクボタンを表示することができます。

※無料版には設定なし

Lightning トップページスライドショー

※無料版にも同じ機能あり

Lightning ページヘッダー設定

個別投稿ページ（投稿・固定ページ・メディア）にヘッダー画像（背景画像）を設定することができます。

※無料版には設定なし

固定ページの場合は、編集エディター内で各ページ毎にヘッダー画像とサブテキストの設定が可能です。

ページヘッダーは、各ページごとに編集エディター内で非表示設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning レイアウト設定

※文字色が緑色の設定は無料版でも可能

レイアウト設定は、各ページごとに編集エディター内でも設定が可能です。編集エディター内のLightningデザイン設定を参照ください。パンくずリストの非表示化も可能です。

Lightning アーカイブページ設定

投稿一覧ページまたはアーカイブページの記事一覧レイアウトなどを指定します。

※無料版には設定なし（表示タイプはLightning標準のみ）

Lightning 詳細ページ設定

※無料版には設定なし

Lightning フッター設定

※無料版には設定なし

フッターナビの設定方法は、こちらの記事で紹介しています。

フッターは、各ページごとに編集エディター内で非表示設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning コピーライト設定

※無料版には設定なし

Lightning モバイルナビ

ここでいうモバイルナビとは、以下のようにモバイル時に表示されるハンバーガーメニュー（メニュー開閉ボタン）のことをいいます。

外観＞メニュー　または　外観＞カスタマイズ＞メニュー　で、Mobile Navigationが設定されていればそのメニュー表示、設定されていない場合はHeader Navigationで設定したメニュー表示となります。

※無料版にも同じ機能あり

モバイルナビ開閉ボタン（ハンバーガーメニュー）は、各ページごとに編集エディター内で非表示設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning モバイル固定ナビ

モバイル固定ナビは、モバイル画面の最下部に表示されるナビゲーションです。

この外観＞カスタマイズ＞モバイル固定ナビ において、メニュー開閉ボタンを除く４つのボタンをで任意に設定することができます。

※無料版には設定なし

モバイル固定ナビは、各ページごとに編集エディター内で非表示設定が可能です。編集エディター内のLightningデザイン設定を参照ください。

Lightning Font Awesome

※無料版にも同じ機能あり

ExUnit 設定

※無料版にも同じ機能あり

これらの設定は、ExUnit＞メイン設定 の画面でも設定可能ですが、デザインに関する項目については外観＞カスタマイズ＞ExUnit設定ならプレビューしながら設定できるメリットがあります。

編集エディター内のLightningデザイン設定

各個別ページの編集エディター内には、各ページ毎に設定できるLightningデザイン設定が設けられています。
（画面右のパネル内にあります）

外観＞カスタマイズ　で全体の設定をした項目でも、ページ毎のLightningデザイン設定が優先されるので、特定ページだけ設定を変えたいときに使うとよいでしょう。

• レイアウト設定（カラム設定）
• 余白設定
  （コンテンツの上下の余白をゼロにできる。固定ページをトップページにした場合によく使う）
• ヘッダーの透過設定
• 以下の項目の非表示設定（ランディングページなどで便利）
  ヘッダー、ページヘッダー、パンくずリスト、フッター、ハンバーガーボタン、モバイル固定ナビ
• セクションベース設定
  セクションベースありに設定するとコンテンツ部の背景が白となる
  （背景色や背景画像を設定したときでも可読性をキープするため）

まとめ

Lightningの無料版と有料版の違いは、テーマカスタマイザー以外にもVK BlocksとVK Blocks Proとの違いもありますが、テーマでできるデザインや機能の違いについては本記事でほぼ整理できたのではないでしょうか。

私自身も、あらためて有料版ならではの便利なポイントにも気づくことができました。

特にヘッダー周辺に設置できるお問い合わせ情報やキャッチフレーズ・キャンペーンテキストなど、ビジネス用ホームページで伝えたいメッセージに重点が置かれているのがわかります。

もちろんうまく活用すれば、もともとLightningがExUnitで持っているCTA機能などの回遊率を高める機能と合わせてビジネスサイト以外のブログサイトでも効果が発揮できるでしょう。

もし次のテーマ選びに迷っておられるなら、一度じっくりLightning G3 Proバージョンを検討してみてはいかがでしょうか。