【WordPress】Lightningテーマの使い方ガイド

【WordPress】Lightningテーマの使い方ガイドWordPress

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テーマ】」をどうぞ。

【WordPress】ExUnitの使い方を解説【Lightningテーマ】
WordPressでLightningテーマを使用しており、Lightning推奨プラグイン「VK All in One Expansion Unit(ExUnit)」をインストールした方向け。 Lightningテーマをインストール...
VK Blocksのインストール

同じ要領で、もう1つの推奨プラグイン、「VK Blocks」もインストールして有効化します。

 

Vk Blocksに関する詳しい情報は公式サイトの
VK Blocks | 事業案内 | 株式会社ベクトル」というページを参考にして下さい。

VK Block Patternsのインストール

推奨プラグインを2つインストールすると、「VK Block Patterns」という推奨プラグインをインストールするよう表示されます。

すぐに使うことは無いかもしれませんが、こちらもインストールして有効化しておきましょう。

追加でインストール必須のプラグイン

Lightningテーマの必須プラグインだけでも機能的には十分だと思いますが、サイトの機能やセキュリティを強化するため、併せて、プラグインをインストールしましょう。

 

追加でインストールすべきプラグインは「Lightningテーマのインストール後に追加必須のプラグイン7+8選」という記事で紹介していますので、是非どうぞ。

Lightningテーマのインストール後に追加必須のプラグイン7+8選
WordPressにLightningテーマをインストールしており、Lightning推奨プラグインと併せて追加するべきプラグインの情報をお探しの方向け。 Lightningテーマには「VK All in One Expansion ...

 

以上でLightningテーマを使う準備は整いました。
次のパートでは、LightningテーマでWebサイトを作る方法を解説します。

 

LightningテーマでWebサイトを作る方法

LightningテーマでWebサイトを作る方法を下記の流れで解説します。

  • タイトルをロゴ画像に変更
  • トップページの作り方
  • メニューの設置
  • ウィジェットの設置
  • サイト全体のデザイン

上記のとおりです。

タイトルをロゴ画像に変更

初期状態ではサイトタイトルがテキストで表示されていますので、ロゴ画像に変更する方法を解説します。

手順は下記のとおりです。

  • 手順①:カスタマイザーの表示
  • 手順②:Lightningデザイン設定を選択
  • 手順③:ヘッダーロゴ画像の設定
  • 手順④:ロゴ画像のアップロード

上記のとおりです。

手順①:カスタマイザーの表示

最初に、カスタマイザーを表示させます。

ちなみに、カスタマーザーを表示させる場所は2つあります。

  • ダッシュボード左側メニュー
  • Webサイト上部のツールバー

上記のとおりです。

ダッシュボード左側メニュー

ダッシュボード>外観>カスタマイズ を選択します。

カスタマイズをクリックすると、カスタマイザーが表示されます。

Webサイト上部のツールバー

2つ目の場所は、Webサイト上部のツールバーです。

どちらでも良いので、まずはカスタマイザーを表示させます。

手順②:Lightningデザイン設定を選択

カスタマーザーのメニュー中ほどにある「Lightningデザイン設定」を選択します。

手順③:ヘッダーロゴ画像の設定

Lightningデザイン設定が表示されますので、ヘッダーロゴ画像という項目の「画像を選択」をクリックします。

手順④:ロゴ画像のアップロード

「画像を選択」をクリックすると、メディア追加画面に切り替わりますので、予め用意しているロゴ画像をアップロードします。

Lightningテーマに設置するロゴ画像の推奨サイズは「500px(幅) x 120px(高さ)」となっています。

アップロードが完了したらロゴ画像を選択し、「画像を選択」をクリックします。

下図のようにロゴ画像がプレビューで表示されたら、「公開」をクリックします。

トップページを確認すると、ロゴ画像に変更されているのが確認できます。

以上でタイトルをロゴ画像に変更する方法は完了です。

 

ちなみに、ロゴ画像のご用意が無い方は「【無料】ロゴ作成ツールおすすめ5選【サイト・ブログデザインUP】」という記事でロゴ作成ツールを紹介していますので、是非どうぞ。

トップページの作り方

次に、Webサイトの顔となるトップページを作りましょう。

  • ヘッダー画像の設定
  • サイト全体のデザイン設定

  • 3PRエリアの設定

上記の順に解説します。

ヘッダー画像の設定

ヘッダー画像を設定すると、いっきにオリジナルのサイトっぽくなりますので、まずはヘッダー画像を設定しましょう。

【WordPress】ヘッダー画像を設定する方法【Lightningテーマ】

【WordPress】ヘッダー画像を設定する方法【Lightningテーマ】
WordPressのLightningテーマを使用しており、トップページヘッダー画像の設定方法をお探しの方向け。 ヘッダー画像はWebサイトの第一印象を表す大事な部分ですので、見栄えの良い画像を入れるとそれだけでユーザーに与える印象が...

 

ヘッダー画像を設定したいけど、肝心の画像はまだ用意していないという方は、「【フリー素材】おすすめな画像サイト10選【商用利用OK】」という記事で画像素材サイトを紹介していますので、是非どうぞ。

 

ちなみに、ヘッダーに画像ではなく動画を表示したいという方は、有料ではありますが、「Lightning Video Unit」というプラグインを導入すればヘッダーに動画を設定できるようになります。

サイト全体のデザイン設定

ExUnitのカスタマイザーを使えば、サイト全体のデザイン(サイトカラー)の変更はもちろん、ヘッダー画像、ロゴ画像の変更など、サイトの表示を確認しながら設定できます。

【WordPress】外観のカスタマイズの使い方【Lightningテーマ】

【WordPress】外観のカスタマイズの使い方【Lightningテーマ】
WordPressにLightningテーマをインストールしていて、外観のカスタマイズの使い方をお探しの方向け。 Webサイトの外観をカスタマイズする場合、通常、HTMLやCSS、PHP等の知識が必要となりますが、WordPressは...

3PRエリアの設定

Lightningテーマは、「3PR」と呼ばれる、以下の場所にコンテンツをアピールできる機能があります。

  • トップページのヘッダー画像下部
  • サイドバー・フッター
  • 固定ページ・投稿

3PRを使って、Webサイトに訪問してきたユーザーにアピールしたいコンテンツを設定しましょう。

【WordPress】Lightningの3PRエリアの設定方法
Lightningテーマの3PRの設定方法をお探しの方向け。 Lightningテーマには、「3PR」と呼ばれるユーザーにPRしたいコンテンツを表示できる機能があります。 この記事では、Lightningテーマの3PRの設定方法を解...

トップページにコンテンツを表示

トップページに表示したいコンテンツがある場合、固定ページを作ってトップページに表示させましょう。

設定方法は「【WordPress】固定ページの作り方・使い方を図解入りで解説」をどうぞ。

メニューの設置

ある程度トップページの形を作ったら、ヘッダー部分にメニューを設置しましょう。

 

メニューの作り方は「【WordPress】ナビゲーションメニューの作り方【メニュー追加・階層】」をどうぞ。

【WordPress】ナビゲーションメニューの作り方【メニュー追加・階層】
WordPressでナビゲーションメニューの作り方をお探しの方向け。 Webサイトの上部にナビゲーションメニュー(案内メニュー)を設置することで、ユーザーは欲しい情報を探しやすくなりますので、Webサイトを作る時は必ず設置するようにし...

ウィジェットの設置

サイドバーやフッターにウィジェットを設置しましょう。

  • サイドバーに新着記事を表示
  • フッターのウィジェット

サイドバーに新着記事を表示

WordPressは標準でサイドバーに新着記事を表示させる機能がありますが、設定項目が少なく、サムネイルも表示されないので非常にシンプルです。

Lightningテーマの機能を使うと、サムネイル画像はもちろん、日付の表示や表示したい記事タイプなど、様々な設定が可能です。

【WordPress】新着記事一覧をサイドバーに表示する方法【Lightning】
Lightningテーマをお使いの方で、新着記事一覧をサイドバーに表示する方法をお探しの方向け。 WordPressでは、新しい記事を投稿すると、新着記事一覧を自動で出力することができます。 この記事では、新着記事一覧をサイドバーに...

フッターのウィジェット

Lightningテーマのフッターにウィジェットを設置しましょう。

【WordPress】フッターにウィジェットを追加する方法【Lightning】
Lightningテーマを使っていて、フッターにウィジェットを追加する方法をお探しの方向け。 Lightningテーマでは、フッター部分にフッターナビゲーションやウィジェットを追加する事ができます。 この記事では、Lightning...

 

Lightningテーマの集客機能の使い方

Lightningテーマの集客機能の使い方を解説します。

  • CTA機能

上記のとおりです。

CTA機能

LightningテーマはCTA機能を実装しています。

CTAを設置することで、コンテンツを読み終わったユーザーに対して、資料請求やサンプル請求ページへの移動を促したり、ランディングページやメルマガ登録ページへの誘導を促しやすくなります。

【WordPress】LightningテーマのCTAを設置する方法【成約率アップ】
LightningテーマのCTAを設置する方法をお探しの方向け。 Lightningテーマ推奨プラグイン「ExUnit(VK All in One Expansion Unit)」、を使うとCTAを簡単に設定する事ができます。 この...

 

Lightningテーマのカスタマイズ

最後に、Lightningテーマのカスタマイズ方法を3つ紹介します。

  • Lightning有料版
  • フッターのコピーライトの削除方法
  • カスタム投稿タイプ

上記のとおりです。

Lightning有料版

Lightningの有料版を導入すると、ノンコードでデザインをカスタマイズできます。

コンテンツデータも用意されており(有料)、テキストと画像を変えるだけでサイトが作れます。

フッターのコピーライトの削除方法

ライトニングテーマはフッターにコピーライトが表示されていますが、コピーライトは削除してもOKです。

このことは、公式サイトのFAQにも書かれています(テーマ作成者さんに対する感謝の念が堪えません)。

 

ですので、コピーライトを消したいという方は削除しましょう。

【WordPress】Lightningテーマのコピーライトを削除する方法
Lightningテーマのコピーライトを削除する方法をお探しの方向け。 Lightningテーマはシンプルなデザインで使いやすく、Web集客に必要な機能も組み込まれており、無料とは思えないほど高機能なテーマです。 ただ、このテー...

カスタム投稿タイプ

Lightningテーマは標準でカスタム投稿タイプを実装しています。

カスタム投稿タイプを使うことで、通常のブログ記事とは別に、商品情報や製品ポートフォリオ、製品導入事例、更新情報などを管理できるようになります。

【WordPress】Lightningテーマのカスタム投稿タイプを実装する方法
Lightningテーマのカスタム投稿タイプの使い方をお探しの方向け。 WordPressでは「投稿」と「固定ページ」の2つの投稿タイプしか使用できません。 しかし、LightningテーマのExUnitの機能である「Custom ...

 

なお、カスタム投稿は全ての投稿に日付が表示されるようになっていますので、日付の表示をしたくないという方は、以下の記事でカスタマイズ方法を紹介していますので、是非参考にして下さい。

【Lightningテーマ】カスタム投稿の日付を非表示にする方法
WordPressは通常、「投稿」と「固定ページ」という2種類の投稿タイプがありますが、「Lightningテーマ」の推奨プラグインExUnitをインストールすると、カスタム投稿タイプを使う事ができます。 カスタム投稿は通常の投稿のように...

 

まとめ

以上、WordPressのLightningテーマの使い方や設定方法を解説しました。

Lightningテーマを使えば、企業サイトはもちろん、店舗、サロン、クリニックなどのビジネスサイトを、初心者の方でもプロが作ったようなサイトを自作できるようになります。

設定方法を見ながら手を動かせば作れるようになりますので、是非、サイト運営にチャレンジしてみて下さい。

 

Lightningの無料版では物足りないという方は、有料版がおすすめです。「Lightning有料版でノンコードカスタマイズ【デザイン強化】」という記事でも解説しているとおり、マウス操作でデザインカスタマイズができるようになります。

ヘッダーデザインの変更や、動きのあるページ(アニメーション効果)もブロックエディタで簡単に挿入できます。

プロの業者が作ったようなカスタマイズが可能になりますので、無料版の使い方をマスターしたら、導入を検討してみて下さい。

制作業者が有料版Lightningを使って、サイト制作を行っているケースが結構あります。

 

 

人気記事【SEO】検索順位チェックツールおすすめ比較【無料試用あり】

トップへ戻る
タイトルとURLをコピーしました