Lightningの使い方！これだけ押さえればOKな完全ガイド

WordPressのテーマが多すぎてどれを使えばいいか分からない、Lightningを入れてみたものの、トップページが思ったような見た目にならない、そんなモヤモヤを抱えていないでしょうか。

Lightningは「手順さえつかめば、わりとサクッと企業サイト風のページを作れるテーマ」です。

順番に見ていきましょう＾＾

私も最初はLightningの設定画面に圧倒されましたが、一つずつ順番に触っていっただけで、ひとりでお店のホームページを形にすることができました。

この記事では、そんな実体験も交えながら、Lightningの使い方をできるだけ分かりやすく、ステップごとにお伝えしていきます。

lightning 使い方の全体像をざっくりつかもう

WordPressテーマLightningとは？特徴とできること

最初に、Lightningがどんなテーマなのかをざっくりつかんでおくと、あとからの設定がかなりラクになります。

Lightningは、ひと言でいうと「企業サイトや店舗サイトを作りやすい、日本語対応の無料WordPressテーマ」です。標準機能だけでも、トップページの大きな画像や、サービス紹介のボックス、問い合わせへの導線など、ホームページにほしい要素がひと通りそろっています。

イメージしやすいように、Lightningの主な特徴を表にまとめました。

項目	内容
テーマ名	Lightning
想定しているサイト	企業サイト、店舗サイト、教室・スクール、士業、ブログなど
デザインの方向性	シンプルでまじめ寄り、ビジネス向きの落ち着いた雰囲気
操作画面	日本語対応、ブロックエディタ対応
追加プラグイン	ExUnit、ブロック拡張プラグインなどで機能を広げやすい
料金	基本は無料、一部機能を強化できる有料の拡張プランあり

「コードは書けないけれど、自分の事業に合ったホームページは持ちたい」という人と相性がいいテーマです。

Lightningの使い方を覚えておくと、配布されているテンプレートだけに頼らず、自分のビジネスに合った見せ方に調整できるようになります。

lightningを選ぶメリット・デメリット

どのテーマにも良いところと注意点があります。ここでは、私が実際に使って感じたLightningのメリットとデメリットをまとめておきます。

メリットとしては、次のような点が挙げられます

• 日本語のドキュメントや解説記事が多く、調べながら進めやすい
• 企業サイト寄りの構成が最初から用意されていて、迷いにくい
• ブロックパターンが豊富で、見出しやサービス紹介などを簡単に挿入できる
• 無料版でも、名刺代わりに使えるレベルのホームページを作れる

一方で、注意しておきたい点もあります

• 細部までデザインにこだわりたい人には、標準機能だけでは物足りないことがある
• 機能が多く、最初は「どこを触ればいいのか」が分かりづらいと感じやすい
• ブログ専用テーマと比べると、記事一覧ページの見た目は少しおとなしめ

ざっくりまとめると、「企業やお店のサイトを自分で手早く整えたい人にはメリットが大きいが、デザイナー目線で細かく作り込みたい場合は、CSSや有料拡張も視野に入れておきたいテーマ」というイメージです。

ここから先は、そんなLightningをどう使いこなしていくか、実際の流れに沿って見ていきます。

lightningの使い方 ステップ1：インストールと初期設定

テーマをインストールして有効化する

まずはWordPressにLightningをインストールするところから始めます。作業はすべて管理画面からのクリックだけで進められるので、特別な操作は必要ありません。

インストールの流れは、だいたい次のようになります。

手順	操作内容	補足
1	管理画面の「外観」→「テーマ」を開く	WordPressにログインしたあと、左側のメニューから選びます。
2	「新規追加」ボタンを押す	テーマ一覧画面の上のほうにあるボタンです。
3	テーマ検索で「Lightning」と入力する	大文字小文字はそこまで気にしなくても見つかります。
4	Lightningが表示されたら「インストール」をクリック	回線状況にもよりますが、数秒ほどで終わります。
5	インストール完了後に「有効化」をクリック	これでサイト全体のテーマとしてLightningが反映されます。

ここまで終わると、サイトの見た目はLightningベースに切り替わります。まだトップページはシンプルですが、ここから先のステップで、徐々に中身を作り込んでいきます。

推奨プラグインでLightningの機能をそろえる

Lightningはテーマ本体だけでも動きますが、公式が用意しているプラグインを入れることで、より使いやすくなります。特に、ExUnit系のプラグインや、ブロックを拡張するプラグインは、一緒に入れておくのがおすすめです。

よく使われるものは、ざっくり次のようなイメージです。

• ExUnit系プラグイン：お問い合わせバナー、CTA、SNSボタンなどを追加できる
• ブロック拡張プラグイン：見出しやボックス、レイアウト、ボタンなどのパーツを増やせる

プラグインの追加は、管理画面の「プラグイン」→「新規追加」から行います。検索結果の「提供元」や説明文を確認し、Lightningと同じ開発元のものを中心に入れていくと、相性の良いプラグインを選びやすくなります。

サイトの基本情報とデザインを整える

テーマとプラグインが入ったら、次は「サイトの顔」を決める作業です。ロゴや色、レイアウトなどをざっくり決めておくと、あとから細かい部分を調整しやすくなります。

よく触る設定の場所と内容を、一覧で整理しておきます。

設定箇所	場所	何を決めるか
サイト基本情報	外観 → カスタマイズ → サイト基本情報	サイトタイトル、キャッチフレーズ、ロゴ画像など
色・背景	外観 → カスタマイズ → 色やデザイン関連のメニュー	キーカラー、背景色、リンク色など
レイアウト	外観 → カスタマイズ → レイアウト関連	1カラムか2カラムか、サイドバーの位置など
ヘッダー画像	外観 → カスタマイズ → ヘッダー画像	トップに表示する大きな画像の設定
フッター	外観 → ウィジェット	住所や著作権表記、フッターメニューなど

ここで完璧を目指す必要はありません。「とりあえず、変な印象にならないレベル」で大丈夫です。色を決めるときは、ロゴやメイン画像、店舗の雰囲気に合わせると、世界観がブレにくくなります。

lightning 使い方 ステップ2：トップページの土台を作る

固定ページでトップページ用のページを作る

Lightningでトップページを作るときは、「固定ページ」をベースにします。ブログ記事（投稿）とは別に、「トップページ専用の固定ページ」を1枚用意するイメージです。

流れとしては、次のように進めます。

• 管理画面の「固定ページ」→「新規追加」を開く
• タイトルに「ホーム」や「トップページ」など、分かりやすい名前を付ける
• 本文はあとで編集する前提で、いったん公開しておく
• 「設定」→「表示設定」で、「ホームページの表示」を「固定ページ」に変更し、今作った固定ページをホームに指定する

この設定を行うと、「サイトのトップ＝先ほど作った固定ページ」に切り替わります。Lightningの使い方を学ぶうえで、ここは大事な分かれ道なので、焦らず確認しながら進めてみてください。

ブロックエディタでセクションごとの構成を考える

トップページ用の固定ページが用意できたら、中身をブロックで組み立てていきます。Lightningはブロックエディタとの相性が良いので、「文章」「画像」「見出し」「ボックス」などを積み木のように組み合わせる感覚で作れます。

構成の考え方としては、例えば次のような順番が分かりやすいです。

• ファーストビュー（キャッチコピー＋ボタンなど）
• サービス紹介（3つ程度のボックスで特徴を説明）
• お客様の声や実績
• 会社情報・プロフィール
• 問い合わせ・予約ボタン

上から順に、「初めて来た人がまず知りたいこと → 興味を持った人が知りたいこと → 最後に行動してもらうための情報」という流れを意識すると、自然と分かりやすいページになります。

Lightningの使い方に慣れるまでは、ブロックパターンを使ってみて、サンプルのレイアウトを挿入し、テキストだけ自分用に書き換えていくとイメージがつかみやすいです。

メニュー・フッター・ウィジェットで回遊しやすくする

トップページだけで完結させず、メニューやフッターから他のページへスムーズに移動できるようにしておくことも大切です。Lightningにはメニューやウィジェットのエリアが分かりやすく用意されているので、最低限のナビゲーションを整えておきましょう。

メニューに入れておくと便利な項目の例を、表に整理します。

メニュー位置	例として入れておきたい項目
ヘッダーメニュー	トップ、サービス、料金、会社概要、アクセス、問い合わせ
フッターメニュー	プライバシーポリシー、利用規約、運営者情報、採用情報
サイドバー（必要な場合）	人気記事一覧、最新記事、お知らせ、問い合わせバナー

「どのページからでも、問い合わせページへ1〜2クリックで行けるか」を目安にメニューを組み立てると、ユーザーを迷わせにくくなります。

Lightningの使い方の中でも、メニューとフッターの設定は後回しにされがちですが、長く運用すると効果の大きさを実感する部分です。

lightningの使い方 ステップ3：見た目とコンテンツを整える

便利なブロックとパターンを活用する

Lightning向けのブロック拡張プラグインを入れると、「それっぽい見た目のパーツ」を簡単に差し込めるようになります。私がよく使うのは、次のようなブロックです。

ゼロからデザインするというより、「用意されているパターンを少しアレンジする」くらいの気持ちで触ると、心理的なハードルが下がります。

Lightningの使い方を練習するときは、まずはパターンを挿入してみて、テキストと画像だけ自分のものに差し替えてみる、というやり方がおすすめです。

企業サイトとブログ、それぞれのおすすめ構成

Lightningは企業サイト向けのイメージが強いですが、ブログとして使うこともできます。ただ、どちらで使うかによって、トップページの構成は少し変えたほうが見やすくなります。

例として、ざっくりした構成の違いを表にまとめました。

サイトタイプ	おすすめのトップ構成
企業・店舗サイト	大きな画像＋キャッチコピー → サービス紹介 → 実績・お客様の声 → 会社情報 → 問い合わせボタン
個人ブログ	最新記事一覧 → 人気記事への導線 → プロフィール → メルマガやSNSへの誘導 → お問い合わせ
教室・スクール	キャッチコピー＋申込ボタン → コース紹介 → 料金・スケジュール → 講師紹介 → よくある質問

自分のサイトに近いタイプを選び、そこをベースにしてテキストと画像だけ差し替えると、かなり早く形になります。

このときも、「誰に向けたサイトなのか」「最終的に何をしてほしいのか」を意識しながら、Lightningの使い方を調整していくと、自然と一貫性が出てきます。

表示速度と使いやすさを上げるポイント

見た目を盛り込みすぎると、ページが重くなり、スマホでの表示が遅くなることがあります。Lightning側にも軽量化に役立つ設定があるので、最低限チェックしておくと安心です。

意識しておきたいポイントは、次のとおりです。

• トップページの画像は、アップロード前にサイズを圧縮しておく
• スライドショーの枚数を増やしすぎない
• 使っていないウィジェットやプラグインは停止・削除する

見直しの観点を、表に整理しておきます。

見直しポイント	内容
画像サイズ	大きすぎる画像はアップロード前に圧縮する
スライドショー	枚数を絞り、テキストが読みにくくならないようにする
ウィジェット	サイドバーやフッターに情報を詰め込みすぎない
プラグイン	使っていないものは無効化または削除して整理する

Lightningの使い方に慣れてくると、つい機能を盛り込みたくなりますが、「表示速度」と「操作のしやすさ」は常にセットで意識しておきましょう。そのほうが、結果的に見やすく、使いやすいサイトに育ちます。

lightning 使い方 ステップ4：よくあるつまずきと解決策

トップページが投稿一覧のまま変わらない

よくあるのが、「固定ページを作ったのに、トップページがブログ記事の一覧のまま変わらない」というケースです。これは、先ほど触れた「ホームページの表示」の設定が原因であることが多いです。

次のポイントを順番に確認してみてください。

• 「設定」→「表示設定」で、「ホームページの表示」が「最新の投稿」になったままになっていないか
• 希望する固定ページが「ホームページ」の欄にきちんと指定されているか
• 固定ページが「下書き」ではなく「公開」状態になっているか

この3つをチェックしても改善しない場合は、キャッシュ系プラグインの影響や、ブラウザ側のキャッシュが原因のこともあります。その場合は、一度キャッシュを削除してから表示を確認してみてください。

Lightningの使い方そのものより、WordPressの基本設定が原因になっていることも少なくないので、一つずつ落ち着いて確認するのがおすすめです。

メニューが表示されない、スマホだけおかしい

パソコンではメニューが問題なく見えるのに、スマホ表示に切り替えるとハンバーガーメニューが開かない、という相談もよくあります。

まずは、次のような点を確認してみてください。

• 「外観」→「メニュー」で、そもそもメニューを作成しているか
• 作成したメニューを、「ヘッダーメニュー」などの位置にきちんと割り当てているか
• あとから入れたプラグインが、JavaScriptの動きに影響していないか

テストとして、問題が出始める前に入れたプラグインを一時的に停止してみると、「どのプラグインが原因か」が分かることがあります。

Lightningの使い方の解説記事を読んでも解決しないときは、テーマだけでなく、プラグインの干渉も疑ってみてください。

デザインを変えたいけど、どこまで自分でやるべきか

Lightningは、そのままでも十分使えますが、ちょっとしたCSSの調整で印象をガラッと変えられるテーマでもあります。ただ、CSSに触れたことがない人がいきなり編集すると、レイアウトが崩れて焦ってしまうこともあります。

個人的には、次のような線引きを目安にすると安心です。

レベル	自分でやるかどうかの目安
文字サイズ・行間の微調整	ネット上のサンプルを見ながら、少しずつ試してみる範囲
色の変更	まずはカスタマイザーで変更し、どうしても必要な部分だけCSSで補う
レイアウトを大きく変える	子テーマやバックアップを扱える人向け。難しければ専門家に相談も検討

Lightningの使い方にまだ自信がないうちは、カスタマイザーとブロックの範囲で調整し、「サイト全体の構造を大きく変える」ようなカスタマイズは、少し慣れてから挑戦するのが現実的です。

よくある質問（FAQ）

Q1. Lightningの使い方が難しく感じます。初心者でも大丈夫ですか？

A. 私も最初は、設定画面のメニューの多さにかなり戸惑いました。ただし、この記事で紹介したように、次の順番で一つずつ進めれば、コードを書かなくても形になるサイトまではたどり着けます。

• テーマの有効化
• トップページ用の固定ページ作成
• メニューとフッターの整備

Lightningの使い方に慣れるコツは、「1日で完璧を目指さないこと」と「完成度6〜7割でいったん公開してしまうこと」です。少しずつ手を入れていく前提で進めると、気持ちもだいぶラクになります。

Q2. Lightningの無料版だけでホームページを作っても問題ありませんか？

A. 無料版だけでも、名刺代わりとして十分使えるホームページは作れます。私も実際に、フリーランスや個人事業主の方のサイトを、無料版のLightningで制作したことがあります。

有料版が必要になるのは、例えば次のようなケースです。

• より多くのデザインパターンやレイアウトを使いたいとき
• クリック操作だけで細かいレイアウト変更をしたいとき
• 複数のサイトでLightningを本格的に使い倒したいとき

まずは無料版でLightningの使い方を体験し、「ここをもっと簡単に変えられたらいいのに」と感じたタイミングで、有料版を検討する流れが現実的です。

Q3. ブログ中心のサイトでも、Lightningの使い方は役に立ちますか？

A. 企業サイト向けの印象が強いテーマですが、ブログ中心のサイトでも問題なく使えます。ブログの場合は、次のような構成にすると運営しやすくなります。

• トップページに最新記事一覧を配置する
• サイドバーにカテゴリや人気記事のリンクを並べる
• 記事下にプロフィールやお問い合わせへの導線を置く

「企業サイトのような信頼感は欲しいけれど、ブログ記事もたくさん読んでほしい」という人には、Lightningのバランスはちょうど良いと感じています。

まとめ lightning 使い方のポイントと最初の一歩

この記事の内容を振り返ります

今日からできる最初の一歩は、「まずLightningを有効化し、トップページ用の固定ページを1つ作ってみること」です。細かいデザインや文章は、後からいくらでも直せます。

まずは「ひと通り形にして公開してみる」。そこから少しずつ手を入れていくほうが、Lightningの使い方のコツも早くつかめますし、自分のサイトが育っていく感覚も味わえます。