WordPressのLightningテーマの使い方や設定に関する網羅的な情報をお探しの方向け。
Lightningテーマは、集客機能やSEO機能など、有料テーマ並みの機能を実装している無料で使える高機能なテーマです。
Lightningテーマを使えば企業サイトや店舗、サロン、旅館、クリニックなどのサイト作成はもちろん、メディアや個人のブログまで、幅広い用途で使えます。
この記事では、Lightningテーマのインストールから、必須プラグインの使い方、3PR、CTAなど、Lightningテーマを使ったサイトの作り方を解説します。
Lightningテーマをインストールしたはいいけど、どうやったらサイトが作れるのか分からないとお悩みの方は、是非、本記事を参考にサイトを作ってみて下さい。
好きなところから読めます
Lightningテーマを使う準備
最初に、Lightningテーマを使う準備を始めましょう。手順は下記のとおりです。
- Lightningテーマのインストール
- 推奨プラグインのインストール
上記のとおりです。
Lightningテーマのインストール
まずはLightningテーマをインストールします。
テーマ追加画面の検索窓に「Lightning」と入力すると、Lightningテーマが出現しますので「インストール」をクリックします。
インストールが完了したら「有効化」をクリックします。
Lightningが有効化されました。試しに、「サイトを表示」をクリックしてみます。
Lightningテーマのデザインが反映されました。
これで、テーマのインストールは完了です。続いて、プラグインをインスト―ルします。
推奨プラグインのインストール
テーマをインストールしたら、テーマ推奨プラグインを2つインストールします。
- VK All in One Expansion Unit（ExUnit） → 集客機能、SEO機能の強化
- VK Blocks → ブロックエディタの機能強化（吹き出し、FAQ、スタッフ紹介、ボタンなど）
Lightningテーマでサイト作りを行う上で、必要不可欠です。テーマをインストールしたら必ずインストールしましょう。
推奨プラグインをインストールする手順
Lightningテーマをインストールすると、画面上部に推奨プラグインをインストールする案内が表示されます。
「プラグインのインストールを開始」をクリックします。
VK All in One Expansion Unit（ExUnit）のインストール
「インストール」をクリックします。
インストールが完了したら、「必須プラグインのインストール画面に戻る」をクリックします。
プラグインを有効化します。
以上でVK All in One Expansion Unit（ExUnit）のインストールは完了です。
なお、ExUnitの使い方に関する詳しい情報は「【WordPress】ExUnitの使い方を解説【Lightningテーマ】」をどうぞ。
VK Blocksのインストール
同じ要領で、もう1つの推奨プラグイン、「VK Blocks」もインストールして有効化します。
Vk Blocksに関する詳しい情報は公式サイトの
「VK Blocks | 事業案内 | 株式会社ベクトル」というページを参考にして下さい。
VK Block Patternsのインストール
推奨プラグインを2つインストールすると、「VK Block Patterns」という推奨プラグインをインストールするよう表示されます。
すぐに使うことは無いかもしれませんが、こちらもインストールして有効化しておきましょう。
追加でインストール必須のプラグイン
Lightningテーマの必須プラグインだけでも機能的には十分だと思いますが、サイトの機能やセキュリティを強化するため、併せて、プラグインをインストールしましょう。
追加でインストールすべきプラグインは「Lightningテーマのインストール後に追加必須のプラグイン7＋8選」という記事で紹介していますので、是非どうぞ。
以上でLightningテーマを使う準備は整いました。
次のパートでは、LightningテーマでWebサイトを作る方法を解説します。
LightningテーマでWebサイトを作る方法
LightningテーマでWebサイトを作る方法を下記の流れで解説します。
- タイトルをロゴ画像に変更
- トップページの作り方
- メニューの設置
- ウィジェットの設置
- サイト全体のデザイン
上記のとおりです。
タイトルをロゴ画像に変更
初期状態ではサイトタイトルがテキストで表示されていますので、ロゴ画像に変更する方法を解説します。
手順は下記のとおりです。
- 手順①：カスタマイザーの表示
- 手順②：Lightningデザイン設定を選択
- 手順③：ヘッダーロゴ画像の設定
- 手順④：ロゴ画像のアップロード
上記のとおりです。
手順①：カスタマイザーの表示
最初に、カスタマイザーを表示させます。
ちなみに、カスタマーザーを表示させる場所は2つあります。
- ダッシュボード左側メニュー
- Webサイト上部のツールバー
上記のとおりです。
ダッシュボード左側メニュー
ダッシュボード＞外観＞カスタマイズ を選択します。
カスタマイズをクリックすると、カスタマイザーが表示されます。
Webサイト上部のツールバー
2つ目の場所は、Webサイト上部のツールバーです。
どちらでも良いので、まずはカスタマイザーを表示させます。
手順②：Lightningデザイン設定を選択
カスタマーザーのメニュー中ほどにある「Lightningデザイン設定」を選択します。
手順③：ヘッダーロゴ画像の設定
Lightningデザイン設定が表示されますので、ヘッダーロゴ画像という項目の「画像を選択」をクリックします。
手順④：ロゴ画像のアップロード
「画像を選択」をクリックすると、メディア追加画面に切り替わりますので、予め用意しているロゴ画像をアップロードします。
アップロードが完了したらロゴ画像を選択し、「画像を選択」をクリックします。
下図のようにロゴ画像がプレビューで表示されたら、「公開」をクリックします。
トップページを確認すると、ロゴ画像に変更されているのが確認できます。
以上でタイトルをロゴ画像に変更する方法は完了です。
ちなみに、ロゴ画像のご用意が無い方は「【無料】ロゴ作成ツールおすすめ5選【サイト・ブログデザインUP】」という記事でロゴ作成ツールを紹介していますので、是非どうぞ。
トップページの作り方
次に、Webサイトの顔となるトップページを作りましょう。
- ヘッダー画像の設定
サイト全体のデザイン設定
- 3PRエリアの設定
上記の順に解説します。
ヘッダー画像の設定
ヘッダー画像を設定すると、いっきにオリジナルのサイトっぽくなりますので、まずはヘッダー画像を設定しましょう。
【WordPress】ヘッダー画像を設定する方法【Lightningテーマ】
ヘッダー画像を設定したいけど、肝心の画像はまだ用意していないという方は、「【フリー素材】おすすめな画像サイト10選【商用利用OK】」という記事で画像素材サイトを紹介していますので、是非どうぞ。
ちなみに、ヘッダーに画像ではなく動画を表示したいという方は、有料ではありますが、「Lightning Video Unit」というプラグインを導入すればヘッダーに動画を設定できるようになります。
サイト全体のデザイン設定
ExUnitのカスタマイザーを使えば、サイト全体のデザイン（サイトカラー）の変更はもちろん、ヘッダー画像、ロゴ画像の変更など、サイトの表示を確認しながら設定できます。
【WordPress】外観のカスタマイズの使い方【Lightningテーマ】
3PRエリアの設定
Lightningテーマは、「3PR」と呼ばれる、以下の場所にコンテンツをアピールできる機能があります。
- トップページのヘッダー画像下部
- サイドバー・フッター
- 固定ページ・投稿
3PRを使って、Webサイトに訪問してきたユーザーにアピールしたいコンテンツを設定しましょう。
トップページにコンテンツを表示
トップページに表示したいコンテンツがある場合、固定ページを作ってトップページに表示させましょう。
設定方法は「【WordPress】固定ページの作り方・使い方を図解入りで解説」をどうぞ。
メニューの設置
ある程度トップページの形を作ったら、ヘッダー部分にメニューを設置しましょう。
メニューの作り方は「【WordPress】ナビゲーションメニューの作り方【メニュー追加・階層】」をどうぞ。
ウィジェットの設置
サイドバーやフッターにウィジェットを設置しましょう。
- サイドバーに新着記事を表示
- フッターのウィジェット
サイドバーに新着記事を表示
WordPressは標準でサイドバーに新着記事を表示させる機能がありますが、設定項目が少なく、サムネイルも表示されないので非常にシンプルです。
Lightningテーマの機能を使うと、サムネイル画像はもちろん、日付の表示や表示したい記事タイプなど、様々な設定が可能です。
フッターのウィジェット
Lightningテーマのフッターにウィジェットを設置しましょう。
Lightningテーマの集客機能の使い方
Lightningテーマの集客機能の使い方を解説します。
- CTA機能
上記のとおりです。
CTA機能
LightningテーマはCTA機能を実装しています。
CTAを設置することで、コンテンツを読み終わったユーザーに対して、資料請求やサンプル請求ページへの移動を促したり、ランディングページやメルマガ登録ページへの誘導を促しやすくなります。
Lightningテーマのカスタマイズ
最後に、Lightningテーマのカスタマイズ方法を3つ紹介します。
- Lightning有料版
- フッターのコピーライトの削除方法
- カスタム投稿タイプ
上記のとおりです。
Lightning有料版
Lightningの有料版を導入すると、ノンコードでデザインをカスタマイズできます。
コンテンツデータも用意されており（有料）、テキストと画像を変えるだけでサイトが作れます。
フッターのコピーライトの削除方法
ライトニングテーマはフッターにコピーライトが表示されていますが、コピーライトは削除してもOKです。
このことは、公式サイトのFAQにも書かれています（テーマ作成者さんに対する感謝の念が堪えません）。
ですので、コピーライトを消したいという方は削除しましょう。
カスタム投稿タイプ
Lightningテーマは標準でカスタム投稿タイプを実装しています。
カスタム投稿タイプを使うことで、通常のブログ記事とは別に、商品情報や製品ポートフォリオ、製品導入事例、更新情報などを管理できるようになります。
なお、カスタム投稿は全ての投稿に日付が表示されるようになっていますので、日付の表示をしたくないという方は、以下の記事でカスタマイズ方法を紹介していますので、是非参考にして下さい。
まとめ
以上、WordPressのLightningテーマの使い方や設定方法を解説しました。
Lightningテーマを使えば、企業サイトはもちろん、店舗、サロン、クリニックなどのビジネスサイトを、初心者の方でもプロが作ったようなサイトを自作できるようになります。
設定方法を見ながら手を動かせば作れるようになりますので、是非、サイト運営にチャレンジしてみて下さい。
Lightningの無料版では物足りないという方は、有料版がおすすめです。「Lightning有料版でノンコードカスタマイズ【デザイン強化】」という記事でも解説しているとおり、マウス操作でデザインカスタマイズができるようになります。
ヘッダーデザインの変更や、動きのあるページ（アニメーション効果）もブロックエディタで簡単に挿入できます。
プロの業者が作ったようなカスタマイズが可能になりますので、無料版の使い方をマスターしたら、導入を検討してみて下さい。
