WordPressテーマ「Lightning」の使い方完全ガイド｜初心者の悩みを解決する設定・カスタマイズ・不具合対策
はじめに
「ワードプレス Lightningでサイトを作りたいけれど、何から設定すればよいかわからない」「トップページが思った通りに表示されない」「無料版だけで足りるのか不安」と悩んでいませんか。
Lightningは、WordPress初心者でも企業サイト・店舗サイト・ブログを作りやすい定番テーマです。シンプルな見た目から始められ、カスタマイザーやブロックエディターを使って、ロゴ、色、メニュー、トップページ、フッターなどを調整できます。一方で、設定できる場所が多いため、最初は「どこを触れば何が変わるのか」がわかりにくいと感じる人も少なくありません。
この記事では、WordPressテーマ「Lightning」の使い方を、導入前の準備から初期設定、デザインカスタマイズ、トップページ作成、SEO対策、不具合対処、運用管理まで順番に解説します。初心者でも迷わず作業できるように、実際の制作手順に沿って説明していきます。
1. WordPressテーマ「Lightning」とは？初心者が最初に知るべき特徴
Lightningは、株式会社ベクトルが開発しているWordPressテーマです。公式サイトでは、WordPressの管理画面から無料でインストールできるテーマとして案内されており、必要に応じてVektor PassportやLightning G3 Pro Unitなどの有料機能を追加できる構成になっています。
特徴は、ビジネスサイト向けの基本構成を作りやすいことです。トップページ、会社概要、サービス紹介、お知らせ、ブログ、お問い合わせといった一般的なサイト構成を、比較的少ない手順で整えられます。
また、Lightningはブロックエディターとの相性もよく、VK BlocksやVK All in One Expansion Unitなど、同じ開発元の関連プラグインと組み合わせることで、ボタン、カード、吹き出し、余白調整、投稿リスト、CTAなどを追加しやすくなります。
1-1. Lightningで作れるサイトの種類
Lightningで作れる代表的なサイトは、企業サイト、店舗サイト、士業サイト、個人事業主のサービスサイト、講師・コンサルタントのプロフィールサイト、採用サイト、ブログ、オウンドメディアなどです。
特に相性がよいのは、情報を整理して信頼感を伝えるサイトです。たとえば、トップページにメインビジュアルを置き、その下にサービス内容、選ばれる理由、実績、お知らせ、お問い合わせ導線を配置するような構成は、Lightningで作りやすいパターンです。
ブログだけを運営する場合にも使えますが、装飾が多いメディア型テーマと比べると、初期状態はシンプルです。そのため、読みやすさや信頼感を重視するブログに向いています。
1-2. Lightningが初心者に選ばれる理由
Lightningが初心者に選ばれやすい理由は、無料で始められること、管理画面から導入できること、公式情報や利用者の情報が比較的多いことです。
テーマによっては、独自の管理画面や複雑な設定項目が多く、初心者が途中で迷ってしまうことがあります。一方、LightningはWordPress標準のカスタマイザーやブロックエディターを中心に操作するため、WordPressの基本操作を覚えながらサイトを作れます。
また、最初から完璧なデザインを作ろうとせず、必要なページを作ってから色や余白を整えていく進め方と相性がよいテーマです。
1-3. 無料版と有料版の違い
Lightningの無料版でも、基本的なサイト制作は可能です。サイトタイトル、ロゴ、メニュー、トップページ、固定ページ、投稿、ウィジェット、フッターなど、一般的なWordPressサイトに必要な機能はひと通り使えます。
有料機能を使うと、ヘッダーレイアウト、ページヘッダー、パンくずリストの表示位置、ヘッダー・フッターの表示制御など、より細かい調整ができるようになります。Lightning G3 Pro Unitでは、複数のヘッダーレイアウト、ページヘッダーの詳細カスタマイズ、ヘッダーやフッターのページ別非表示、パンくずリスト位置の変更などが紹介されています。
無料版は「まず自分でサイトを作ってみたい人」に向いています。有料版は「デザインの自由度を上げたい人」「企業サイトとして見た目を整えたい人」「制作案件で効率よく作りたい人」に向いています。
1-4. Lightningが向いている人・向いていない人
Lightningが向いているのは、シンプルで信頼感のあるサイトを作りたい人です。企業サイト、店舗サイト、サービスサイト、士業サイト、教室サイトなど、見込み客に事業内容をわかりやすく伝えたい場合に使いやすいです。
また、WordPressの基本を学びながらサイトを作りたい初心者にも向いています。カスタマイザー、固定ページ、投稿、メニュー、ウィジェットなどの基本操作を身につけやすいからです。
一方で、最初から派手なアニメーションや独自デザインのメディアサイトを作りたい人、細部までコードで作り込みたい上級者、テーマ側にすべてのデザインパーツが用意されていることを期待する人には、やや物足りない場合があります。
1-5. 他のWordPressテーマとの違い
Lightningは、華やかなデザインを最初から完成形として見せるテーマというより、必要な機能を積み上げながらサイトを作るテーマです。
有名な有料テーマの中には、ブログ収益化向け、アフィリエイト向け、メディア運営向けに特化したものもあります。それに対してLightningは、企業・店舗・個人事業の公式サイトを作る用途に強いテーマです。
また、VK Blocks、VK All in One Expansion Unit、VK Pattern Library、Vektor Passportなど、関連サービスやプラグインと組み合わせて拡張しやすい点も特徴です。公式サイトでは、VK BlocksはLightning導入時に無料でインストールでき、Pro版ではより多くの高機能ブロックが使えると説明されています。
2. Lightningを使う前に準備すること
Lightningをインストールする前に、WordPress環境、バックアップ、テーマ構成、プラグイン、サイト全体の設計を確認しておくと、あとからの手戻りを減らせます。
初心者が失敗しやすいのは、テーマを入れた直後にデザインだけを触り始めることです。先に「どんなサイトを作るのか」「必要なページは何か」「どの機能をプラグインで補うのか」を決めておくと、Lightningの設定もスムーズに進みます。
2-1. WordPressの基本環境を確認する
まず、WordPress本体、PHP、データベース、SSL、パーマリンク設定を確認しましょう。WordPress.orgでは、PHP 8.3以上、MySQL 8.0またはMariaDB 10.6以上が推奨環境として案内されています。
レンタルサーバーを使っている場合は、管理画面からPHPバージョンを確認できます。古いPHPのままだと、テーマやプラグインの更新時に不具合が起きることがあります。
また、SSL化も必須です。サイトURLが「http://」ではなく「https://」になっているか確認してください。SSL化されていないサイトは、ブラウザで警告が表示されたり、ユーザーに不安を与えたりします。
2-2. Lightning導入前にバックアップを取る
すでにサイトを運営している場合は、Lightningを導入する前に必ずバックアップを取りましょう。テーマ変更では、見た目、ウィジェット、メニュー、トップページ設定、独自CSSなどが変わる可能性があります。
バックアップ対象は、データベース、画像ファイル、テーマファイル、プラグイン、アップロード済みメディアです。レンタルサーバーの自動バックアップ機能を確認し、必要であればバックアップ用プラグインも使いましょう。
特に、既存サイトを別テーマからLightningへ変更する場合は、本番サイトでいきなり作業するのではなく、テスト環境で確認してから反映するのが安全です。
2-3. 親テーマと子テーマの違いを理解する
Lightning本体は親テーマです。テーマファイルを直接編集すると、テーマ更新時に変更内容が上書きされる可能性があります。そのため、PHPファイルやテンプレートを編集する場合は子テーマを使います。
ただし、初心者が通常行うロゴ変更、色変更、メニュー設定、固定ページ作成、追加CSS程度であれば、必ずしも最初から子テーマが必要とは限りません。子テーマが必要になるのは、テーマファイルを編集する場合や、独自のテンプレートを安全に管理したい場合です。
最初はカスタマイザーとブロックエディターで作り、必要になった段階で子テーマを検討するとよいでしょう。
2-4. 必要なプラグインを整理する
Lightningと一緒に使うプラグインは、必要最低限に絞ることが大切です。便利そうだからといって多く入れすぎると、表示速度の低下、管理画面の複雑化、プラグイン同士の競合が起こりやすくなります。
最初に検討したいのは、ブロック拡張、フォーム、SEO、セキュリティ、バックアップ、キャッシュ、画像圧縮のプラグインです。
ただし、同じ役割のプラグインを複数入れる必要はありません。たとえばSEOプラグインを2つ同時に使うと、タイトルタグやメタディスクリプションが重複する可能性があります。役割ごとに1つずつ選びましょう。
2-5. サイト完成までの作業全体像を把握する
Lightningでサイトを作る流れは、次のように考えるとわかりやすいです。
まず、WordPressの基本設定を確認します。次に、Lightningをインストールして有効化します。その後、サイトタイトル、ロゴ、色、メニュー、トップページ、固定ページ、投稿ページ、フッターを設定します。
さらに、トップページにサービス紹介や実績、お知らせ、お問い合わせ導線を配置し、スマホ表示を確認します。最後に、SEO設定、表示速度、セキュリティ、バックアップを整えれば、公開できる状態に近づきます。
デザインから始めるのではなく、構成、ページ作成、デザイン調整、公開前チェックの順で進めるのがコツです。
3. Lightningのインストールと初期設定
ここからは、Lightningを実際に導入する手順を解説します。インストール自体は難しくありませんが、有効化した直後に確認すべき項目を飛ばすと、トップページやメニューの表示でつまずきやすくなります。
3-1. WordPress管理画面からLightningをインストールする方法
WordPress管理画面にログインし、「外観」→「テーマ」→「新しいテーマを追加」を開きます。検索窓に「Lightning」と入力し、表示されたテーマをインストールします。
インストール後、「有効化」をクリックすればLightningがサイトに適用されます。公式サイトでも、LightningはWordPress管理画面から無料でインストールできるテーマとして案内されています。
有効化したら、すぐにサイトの表示を確認しましょう。既存サイトでテーマを変更した場合、メニュー、ウィジェット、トップページ、サイドバーの見え方が変わることがあります。
3-2. Lightningを有効化した直後に確認すること
Lightningを有効化したら、まずトップページ、投稿ページ、固定ページ、スマホ表示を確認します。特に、既存サイトに導入した場合は、メニューが消えたように見えたり、サイドバーの位置が変わったりすることがあります。
次に、「外観」→「カスタマイズ」を開き、サイト基本情報、色、メニュー、ウィジェット、Lightning関連の設定項目を確認します。
また、「設定」→「表示設定」で、トップページに何を表示するかを確認してください。ここが「最新の投稿」になっているのか、「固定ページ」になっているのかによって、トップページの作り方が変わります。
3-3. サイトタイトル・キャッチフレーズ・ロゴを設定する
サイトタイトルとキャッチフレーズは、「外観」→「カスタマイズ」→「サイト基本情報」から設定できます。
企業サイトの場合、サイトタイトルには会社名やサービス名を入れます。キャッチフレーズには、事業内容や提供価値がわかる短い文を入れましょう。例として、「中小企業のWeb集客を支援する〇〇株式会社」のように、誰に何を提供しているかがわかる表現がおすすめです。
ロゴを設定する場合は、横長のロゴ画像を用意するとヘッダーに収まりやすくなります。画像が大きすぎると表示が重くなるため、適切なサイズに圧縮してからアップロードしましょう。
3-4. トップページと投稿ページを設定する
企業サイトや店舗サイトを作る場合は、トップページを固定ページにするのが一般的です。
まず「固定ページ」→「新規追加」で「トップページ」というページを作成します。次に、ブログ一覧用に「お知らせ」または「ブログ」という固定ページを作成します。その後、「設定」→「表示設定」で、ホームページに「トップページ」、投稿ページに「ブログ」または「お知らせ」を指定します。
これで、サイトのトップに固定ページの内容を表示し、投稿一覧は別ページに表示できます。
ブログ中心のサイトであれば、トップページを「最新の投稿」のままにしても問題ありません。ただし、事業紹介やサービス導線をしっかり見せたい場合は、固定ページをトップページに設定する方が管理しやすくなります。
3-5. メニューとナビゲーションを作成する
メニューは、「外観」→「メニュー」または「外観」→「カスタマイズ」→「メニュー」から設定します。
基本的なメニュー項目は、ホーム、サービス、会社概要、実績、お知らせ、ブログ、お問い合わせです。ページ数が少ないうちは、メニューを増やしすぎないようにしましょう。項目が多すぎると、ユーザーがどこを見ればよいかわからなくなります。
Lightningでは、設定したメニューの表示位置を選ぶ必要があります。メニューを作ったのに表示されない場合は、メニュー項目だけでなく、表示位置にチェックが入っているかを確認してください。
3-6. フッター・ウィジェット・サイドバーを整える
フッターには、会社名、住所、電話番号、営業時間、プライバシーポリシー、サイトマップ、お問い合わせリンクなどを配置します。
サイドバーには、検索、カテゴリー、最近の投稿、プロフィール、バナーなどを置けます。ただし、スマホではサイドバーが下に回り込むことが多いため、本当に必要な情報だけに絞ることが大切です。
ウィジェットは便利ですが、入れすぎるとサイト全体が古い印象になります。特に企業サイトでは、フッターとサイドバーをすっきりさせることで信頼感が出ます。
4. Lightningの基本的な使い方
Lightningを使いこなすには、「カスタマイザーで全体を変える」「ブロックエディターでページごとの内容を作る」という役割分担を理解することが重要です。
カスタマイザーはサイト全体の設定、ブロックエディターは各ページの中身を作る場所です。この違いを理解すると、どこを編集すればよいか迷いにくくなります。
4-1. カスタマイザーで変更できる項目
カスタマイザーでは、サイト基本情報、ロゴ、色、メニュー、ウィジェット、トップページ設定、追加CSSなどを変更できます。Lightning独自の設定項目が表示される場合もあります。
たとえば、ヘッダーの見た目、キーカラー、トップページスライドショー、ページヘッダー、フッター周りの設定などは、カスタマイザーから調整することが多いです。
カスタマイザーのよい点は、変更内容をプレビューしながら確認できることです。公開ボタンを押すまでは本番に反映されないため、初心者でも試しながら調整できます。
4-2. ブロックエディターでページを編集する方法
固定ページや投稿の本文は、ブロックエディターで編集します。見出し、段落、画像、ボタン、カラム、リスト、テーブルなどをブロック単位で追加できます。
Lightningと一緒にVK Blocksを使うと、標準ブロックだけでは作りにくいデザインも作りやすくなります。VK BlocksはGutenbergのブロックを拡張するプラグインで、余白、レスポンシブ改行、装飾、ブロック管理などの機能が用意されています。
初心者は、最初から複雑なレイアウトを作るよりも、見出し、文章、画像、ボタンを組み合わせたシンプルな構成から始めるのがおすすめです。
4-3. 固定ページと投稿ページの使い分け
固定ページは、会社概要、サービス紹介、お問い合わせ、プライバシーポリシーなど、内容が頻繁に変わらないページに使います。
投稿ページは、お知らせ、ブログ、コラム、ニュース、更新情報など、時系列で追加していくコンテンツに使います。
企業サイトの場合は、固定ページで信頼情報を作り、投稿で新しい情報を発信する形が基本です。サービスページを投稿で作ってしまうと、カテゴリーや日付が表示されて違和感が出ることがあります。サイト構成を考える段階で、固定ページにするか投稿にするかを決めておきましょう。
4-4. 画像・ボタン・見出し・余白を調整する
Lightningで見やすいページを作るには、余白と見出しの使い方が重要です。文章が詰まりすぎていると、スマホで読みにくくなります。
見出しは、ページ全体の構造に合わせて使います。H2で大きな章、H3でその中の項目、H4で補足というように階層を守りましょう。
画像は、内容を説明するために使います。装飾目的で大きな画像を入れすぎると、表示速度が遅くなる原因になります。ボタンは、お問い合わせ、資料請求、予約、購入など、ユーザーに行動してほしい場所に設置しましょう。
4-5. 公開前に確認すべき表示チェック項目
ページを公開する前に、パソコン、スマホ、タブレットで表示を確認します。特にスマホでは、カラムが縦並びになる、画像が大きく表示される、ボタンが折り返すなど、パソコンとは違う見え方になります。
確認すべき項目は、見出しの順番、誤字脱字、画像の表示、ボタンのリンク先、メニュー、フッター、お問い合わせフォーム、スマホ表示、表示速度です。
また、公開後も一度シークレットウィンドウや別ブラウザで確認しましょう。ログイン中だけ正しく見えていて、一般ユーザーには崩れて見えている場合があるためです。
5. Lightningのデザインカスタマイズ方法
Lightningのデザインを整えるときは、色、ロゴ、ヘッダー、キービジュアル、レイアウト、フォント、余白の順で調整すると効率的です。細かい装飾から始めると、全体の統一感がなくなりやすいので注意しましょう。
5-1. サイトカラーを変更する
サイトカラーは、ブランドイメージに直結します。企業サイトであれば、ロゴの色やコーポレートカラーに合わせると統一感が出ます。
色は多く使いすぎないことが大切です。基本色、アクセント色、背景色の3つ程度に絞ると、見やすいデザインになります。ボタンやリンクにアクセント色を使うと、ユーザーにクリックしてほしい場所が伝わりやすくなります。
5-2. ロゴ・ヘッダー・キービジュアルを設定する
ロゴは、サイトの信頼感を左右する重要な要素です。ぼやけた画像や余白が大きすぎる画像を使うと、全体の印象が悪くなります。透過PNGや適切にトリミングした画像を使いましょう。
ヘッダーには、ロゴとグローバルメニューを配置します。メニュー項目が多いとスマホで見にくくなるため、主要ページだけに絞るのがおすすめです。
キービジュアルには、事業内容が伝わる画像と短いキャッチコピーを入れます。訪問者はトップページを開いて数秒で「自分に関係があるサイトか」を判断するため、抽象的な言葉よりも、誰に何を提供しているかが伝わる文言にしましょう。
5-3. トップページスライドショーを設定する
Lightningでは、トップページスライドショーをカスタマイザーから設定できます。公式の設定ガイドでも、「外観」→「カスタマイズ」から「Lightning トップページスライドショー」を開き、画像、URL、タイトルなどを設定する流れが案内されています。
スライドショーを使う場合は、画像の枚数を増やしすぎないようにしましょう。多くのユーザーは全スライドを見る前にスクロールします。重要なメッセージは1枚目に入れることが大切です。
スライドショーにしたくない場合は、画像を1枚だけ設定してメインビジュアルとして使う方法もあります。公式ガイドでも、1枚だけ画像を登録すると固定表示のように使えることが説明されています。
5-4. カラム数とページレイアウトを変更する
ページによって、1カラム、2カラム、サイドバーあり、サイドバーなしを使い分けると見やすくなります。
ランディングページやサービス紹介ページでは、1カラムにして情報を集中させると読みやすくなります。ブログ記事やお知らせ一覧では、サイドバーを表示してカテゴリーや関連記事へ誘導するのも有効です。
ただし、スマホでは基本的に1カラム表示になります。パソコンで美しく見える2カラム構成でも、スマホで順番が不自然にならないか確認しましょう。
5-5. フォント・余白・背景を調整する
フォントは、読みやすさを優先します。個性的なフォントを使いすぎると、本文が読みにくくなります。特にビジネスサイトでは、標準的で視認性の高いフォントが無難です。
余白は、デザインの印象を大きく変えます。見出しの上には広めの余白、見出しの下には適度な余白を設定すると、文章のまとまりがわかりやすくなります。
背景色は、白または薄いグレーを基本にすると読みやすくなります。強い色の背景に長文を載せると、ユーザーが疲れやすくなるので注意してください。
5-6. 追加CSSで細かい見た目を調整する
カスタマイザーやブロック設定だけでは調整できない部分は、「外観」→「カスタマイズ」→「追加CSS」で変更できます。
たとえば、見出しの余白、ボタンの角丸、特定ブロックの背景色、画像の最大幅などは追加CSSで調整できます。ただし、CSSを追加するときは、どの部分を変えるコードなのかコメントを残しておくと、あとから管理しやすくなります。
初心者は、ネットで見つけたCSSをそのまま大量に貼り付けるのは避けましょう。どのコードが何をしているのかわからない状態になると、不具合が起きたときに原因を探しにくくなります。
5-7. 子テーマを使って安全にカスタマイズする
テンプレートファイルやfunctions.phpを編集する場合は、子テーマを使いましょう。親テーマを直接編集すると、Lightningの更新時に変更内容が消える可能性があります。
子テーマを使えば、親テーマの機能を引き継ぎながら、独自のCSSやテンプレートを管理できます。ただし、子テーマを作ったからといって何でも安全になるわけではありません。PHPの記述ミスがあるとサイトが表示されなくなることもあります。
初心者のうちは、カスタマイザー、ブロックエディター、追加CSSまでにとどめ、本格的なファイル編集は必要になってから行うのがおすすめです。
6. Lightningでトップページを作る手順
Lightningでサイトを作るとき、最も重要なのがトップページです。トップページは、訪問者に「何のサイトか」「誰向けか」「どんな価値があるか」「次に何をすればよいか」を伝える場所です。
6-1. トップページに必要な構成を決める
トップページの基本構成は、ファーストビュー、サービス紹介、選ばれる理由、実績・事例、お知らせ、ブログ一覧、お問い合わせ導線です。
最初に構成を決めずに作り始めると、情報が増えすぎてまとまりのないページになります。紙やメモアプリに、上から順番に何を見せるかを書き出してから作るとスムーズです。
ユーザー目線では、「この会社は何をしているのか」「自分の悩みを解決できるのか」「信頼できるのか」「問い合わせるにはどうすればよいのか」がすぐにわかることが重要です。
6-2. ファーストビューを作成する
ファーストビューには、メイン画像、キャッチコピー、補足文、ボタンを配置します。
キャッチコピーは、短く具体的に書きましょう。「高品質なサービスを提供します」よりも、「中小企業のWordPressサイト制作を初期設計から運用まで支援」のように、対象者と提供内容がわかる文の方が伝わります。
ボタンは、問い合わせ、資料請求、サービス詳細など、次に見てほしいページへつなげます。ファーストビューに複数のボタンを置く場合は、最も重要な行動を目立たせましょう。
6-3. サービス紹介・強み・実績を配置する
サービス紹介では、提供している内容を3つ程度に分けて表示するとわかりやすくなります。たとえば、Web制作、SEO対策、保守管理のように分類します。
強みのセクションでは、他社との違いを具体的に書きます。「丁寧」「安心」「高品質」だけでは抽象的なので、「初回相談から公開後の更新方法までサポート」「スマホ表示とSEOを前提に設計」など、具体的な内容にしましょう。
実績や事例がある場合は、画像、業種、課題、対応内容、結果をセットで掲載すると信頼感が増します。実績がまだ少ない場合は、制作の流れ、お客様の声、よくある質問を掲載するのも有効です。
6-4. お知らせ・ブログ一覧を表示する
トップページにお知らせやブログ一覧を表示すると、サイトが更新されている印象を与えられます。
ただし、更新頻度が低い場合は、トップページの目立つ位置に置くと逆効果になることがあります。最終更新日が古いと「この会社は今も活動しているのか」と不安に思われるためです。
お知らせは重要情報、ブログは役立つ情報というように役割を分けると運用しやすくなります。SEOを意識するなら、ブログで検索ニーズに合った記事を増やし、サービスページへ内部リンクをつなげましょう。
6-5. お問い合わせ導線を設置する
トップページの最後には、お問い合わせ導線を設置します。サービスに興味を持ったユーザーが迷わず行動できるようにするためです。
お問い合わせ導線には、見出し、短い説明文、ボタン、電話番号、営業時間などを入れます。ボタン文言は「お問い合わせ」だけでなく、「無料相談する」「見積もりを依頼する」「資料を請求する」など、行動が具体的にわかる表現にするとクリックされやすくなります。
ページの途中にも、必要に応じてボタンを配置しましょう。ただし、同じボタンを何度も置きすぎると押し売り感が出るため、自然な流れを意識してください。
6-6. スマホ表示で崩れないか確認する
トップページが完成したら、必ずスマホで確認します。パソコンでは整っていても、スマホでは文字が大きすぎる、画像の一部が切れる、ボタンが横にはみ出す、カラムの順番が不自然になることがあります。
スマホ確認では、ファーストビュー、メニュー、ボタン、画像、余白、フォーム、フッターを重点的に見ます。
特に、横並びのカラムはスマホで縦並びになります。左に画像、右に文章という構成を何度も繰り返すと、スマホで画像と文章の流れがわかりにくくなる場合があります。スマホで読んだときの順番を意識して作りましょう。
7. Lightningと一緒に使いたいプラグイン
Lightningは単体でも使えますが、必要なプラグインを組み合わせることで、より実用的なサイトになります。ただし、プラグインは多ければよいわけではありません。
役割が重複しないように選び、使っていないプラグインは停止・削除することが大切です。
7-1. VK Blocksでブロック機能を拡張する
VK Blocksは、Lightningと一緒に使いやすいブロック拡張プラグインです。WordPress.orgの説明でも、Gutenbergのブロックを拡張するプラグインとして紹介されており、余白、インライン文字サイズ、レスポンシブ改行、ブロック管理などの機能が掲載されています。
初心者にとって便利なのは、ページ内の装飾やレイアウトを作りやすくなる点です。ボタン、カード、FAQ、余白調整などを使うことで、標準ブロックだけでは作りにくい見た目を整えられます。
ただし、装飾を増やしすぎると読みにくくなるため、サイト全体で使うデザインパターンを決めておきましょう。
7-2. VK All in One Expansion Unitで機能を追加する
VK All in One Expansion Unitは、Lightningと相性のよい多機能プラグインです。SNSボタン、CTA、HTMLサイトマップ、関連記事、メタ情報など、サイト運営に役立つ機能を追加できます。
多機能である一方、すべての機能を有効にする必要はありません。使う機能だけを有効化し、不要な機能はオフにしておきましょう。
SEOプラグインと機能が重複する場合もあるため、タイトルタグやメタディスクリプション、OGPなどをどのプラグインで管理するか決めておくことが重要です。
7-3. お問い合わせフォーム用プラグインを導入する
企業サイトやサービスサイトでは、お問い合わせフォームが必要です。代表的なフォームプラグインを使えば、名前、メールアドレス、電話番号、問い合わせ内容などの項目を作成できます。
フォームを設置したら、必ず送信テストを行いましょう。送信完了メールが届くか、管理者宛の通知が届くか、迷惑メールに入らないかを確認します。
また、スパム対策も必要です。reCAPTCHAや確認画面、承諾チェックボックスなどを使い、不要なスパム送信を減らしましょう。
7-4. SEO対策用プラグインを導入する
SEO対策用プラグインを使うと、タイトルタグ、メタディスクリプション、XMLサイトマップ、OGP、noindexなどを管理しやすくなります。
ただし、SEOプラグインを入れただけで検索順位が上がるわけではありません。検索順位を上げるには、検索意図に合った記事、わかりやすい見出し、内部リンク、表示速度、スマホ対応、信頼性のある情報が必要です。
LightningでSEOに強いサイトを作るには、テーマの設定だけでなく、ページごとの内容設計が重要です。
7-5. セキュリティ・バックアップ用プラグインを導入する
WordPressは広く使われているため、不正ログインや脆弱性対策が欠かせません。セキュリティプラグインを使って、ログイン試行回数の制限、管理画面保護、ファイル変更検知などを設定しましょう。
バックアップ用プラグインも重要です。テーマやプラグインの更新前、デザイン変更前、WordPress本体の更新前にはバックアップを取る習慣をつけてください。
バックアップは、同じサーバー内だけでなく、外部ストレージにも保存しておくと安心です。
7-6. プラグインを入れすぎるリスクと注意点
プラグインを入れすぎると、表示速度が遅くなる、管理画面が重くなる、エラーが増える、セキュリティリスクが高まるといった問題が起こります。
特に、キャッシュ系、SEO系、画像最適化系、セキュリティ系は、複数入れると機能が衝突することがあります。同じ役割のプラグインは基本的に1つに絞りましょう。
使っていないプラグインは停止するだけでなく、削除するのが理想です。停止中のプラグインでも、古いまま放置するとリスクになることがあります。
8. LightningでSEOに強いサイトを作るポイント
Lightningを使ってSEOに強いサイトを作るには、テーマ設定だけでなく、記事構成、内部リンク、画像、表示速度、モバイル対応を総合的に整える必要があります。
SEOは「検索エンジン向けのテクニック」だけではありません。検索したユーザーが知りたい情報に早くたどり着き、安心して読めるページを作ることが基本です。
8-1. タイトルタグとメタディスクリプションを設定する
タイトルタグは、検索結果に表示される重要な要素です。狙うキーワードを自然に含め、ページの内容が一目でわかるようにします。
たとえば、この記事のように「ワードプレス lightning」を狙う場合は、「WordPressテーマ Lightningの使い方」「Lightningの設定方法」「初心者向けガイド」など、検索意図に近い言葉を含めます。
メタディスクリプションには、ページの要約を120文字前後で書きます。検索順位に直接大きく影響する要素ではないとしても、クリック率に関わるため丁寧に設定しましょう。
8-2. 見出し構造を正しく設計する
見出しは、読者と検索エンジンの両方にページ構造を伝える役割があります。H1はページタイトル、H2は大きな章、H3は章の中の項目として使います。
見出しの順番を飛ばしたり、デザイン目的だけで見出しを使ったりすると、構造がわかりにくくなります。太字にしたいだけなら、見出しではなく太字装飾を使いましょう。
SEO記事では、検索ユーザーの疑問を見出しに反映することが重要です。「Lightning 使い方」「Lightning カスタマイズ」「Lightning 不具合」など、実際に検索されやすい悩みを見出しに含めると、記事の網羅性が高まります。
8-3. パンくずリストを確認する
パンくずリストは、ユーザーが今どの階層のページを見ているのかを理解するためのナビゲーションです。サイト構造を検索エンジンに伝える役割もあります。
Lightningでは、パンくずリストが表示される構成になっている場合があります。有料機能ではパンくずリストの表示位置変更も案内されています。
パンくずリストを活かすには、カテゴリーや固定ページの親子関係を整理することが大切です。カテゴリーが多すぎると、サイト構造が複雑になります。
8-4. 内部リンクを整える
内部リンクは、サイト内の関連ページ同士をつなぐリンクです。たとえば、Lightningの使い方記事から、トップページ作成方法、SEO設定、プラグイン解説、不具合対策の記事へリンクすると、読者が次に必要な情報へ進みやすくなります。
内部リンクを設置するときは、「こちら」ではなく、リンク先の内容がわかる文言にしましょう。たとえば「Lightningのトップページ作成手順を見る」のように書くと、ユーザーにも検索エンジンにも意味が伝わりやすくなります。
関連性の低いページへ無理にリンクする必要はありません。読者の疑問が自然につながる場所にリンクすることが大切です。
8-5. 画像のalt属性とファイルサイズを最適化する
画像にはalt属性を設定しましょう。alt属性は、画像が表示されない場合やスクリーンリーダーを使う場合に、画像の内容を伝えるためのテキストです。
たとえば、Lightningのカスタマイザー画面の画像なら、「Lightningのカスタマイザーでサイトカラーを設定する画面」のように、画像の内容を具体的に書きます。
また、画像ファイルが大きすぎると表示速度が遅くなります。アップロード前に圧縮し、必要以上に大きなサイズの画像を使わないようにしましょう。
8-6. 表示速度を改善する
表示速度は、ユーザー体験に直結します。ページ表示が遅いと、読者が離脱しやすくなります。
Lightningで表示速度を改善するには、画像圧縮、不要プラグインの削除、キャッシュ設定、不要な外部スクリプトの削減、サーバー環境の見直しが有効です。
ただし、キャッシュ系プラグインを使う場合は注意が必要です。設定によっては、デザイン変更が反映されなかったり、JavaScriptが正しく動かなかったりすることがあります。不具合が出たら、まずキャッシュを削除して確認しましょう。
8-7. モバイル表示とCore Web Vitalsを確認する
現在のWebサイトは、スマホで見られることを前提に作る必要があります。Lightningでページを作ったら、スマホで文字サイズ、余白、ボタン、画像、メニュー、フォームを確認しましょう。
Core Web Vitalsを改善するには、表示速度、レイアウトの安定性、操作への反応速度を意識します。大きすぎる画像、後から読み込まれて画面を押し下げる広告やバナー、重いスクリプトは改善対象です。
見た目がきれいでも、スマホで読みにくいサイトは成果につながりにくくなります。公開前だけでなく、更新後にも定期的に確認しましょう。
9. Lightningでよくある不具合と解決策
Lightningを使っていると、デザインが反映されない、トップページが表示されない、メニューが出ない、スライドショーが動かない、スマホだけ崩れるといった問題が起こることがあります。
多くの場合、原因はテーマそのものではなく、設定漏れ、キャッシュ、プラグイン競合、古い環境、CSSの干渉です。順番に確認すれば解決できるケースが多いです。
9-1. デザインが反映されないときの対処法
デザイン変更が反映されない場合は、まずブラウザキャッシュとキャッシュプラグインを削除します。ログイン中の画面では反映されていても、一般表示では古いキャッシュが残っていることがあります。
次に、カスタマイザーで「公開」ボタンを押しているか確認します。プレビューだけで終わっていると、実際のサイトには反映されません。
追加CSSを使っている場合は、CSSの記述ミスも確認しましょう。閉じカッコが抜けているだけで、その下のCSSが効かなくなることがあります。
9-2. トップページがうまく表示されないときの対処法
トップページが思った通りに表示されない場合は、「設定」→「表示設定」を確認します。ホームページに固定ページを指定しているか、投稿ページに別のページを指定しているかを見直しましょう。
固定ページをトップページに設定していない場合、作成したトップページではなく最新の投稿一覧が表示されます。
また、トップページ用に作った固定ページが下書きのままになっていないかも確認してください。公開されていないページは、一般ユーザーには表示されません。
9-3. メニューが表示されないときの対処法
メニューが表示されない場合は、メニュー項目を作成しているか、表示位置にチェックを入れているかを確認します。
WordPressでは、メニューを作っただけでは表示されないことがあります。どの場所に表示するかを指定する必要があります。
また、スマホではハンバーガーメニューの中に格納される場合があります。パソコンで見えていないのか、スマホで開けないのか、状況を分けて確認しましょう。
9-4. スライドショーが表示されないときの対処法
スライドショーが表示されない場合は、カスタマイザーの「Lightning トップページスライドショー」設定を確認します。画像が設定されているか、非表示設定になっていないか、トップページに表示される条件を満たしているかを見直します。
公式ガイドでは、スライドショーはカスタマイザーから画像、URL、タイトルなどを設定し、スライド効果や切り替え間隔も調整できると説明されています。
それでも表示されない場合は、キャッシュ削除、プラグイン停止、テーマ更新、JavaScriptエラーの確認を行いましょう。
9-5. 余白やレイアウトが崩れるときの対処法
余白やレイアウトが崩れる場合は、ブロック設定、追加CSS、プラグインのCSSが干渉している可能性があります。
まず、該当ページで使っているブロックを確認します。カラムブロック、グループブロック、カバーブロックは、余白や幅の設定によって見た目が大きく変わります。
次に、追加CSSを一時的に削除またはコメントアウトして、崩れが直るか確認します。直る場合は、追加CSSのどこかが原因です。
9-6. スマホ表示だけ崩れるときの対処法
スマホ表示だけ崩れる場合は、横幅固定のCSSや大きすぎる画像、カラム設定が原因になっていることがあります。
CSSでwidthを固定している場合、スマホ画面からはみ出すことがあります。max-widthを使う、画像にwidth: 100%を指定するなど、可変幅を意識しましょう。
また、PC表示だけを見て改行や余白を調整すると、スマホで不自然になります。ブロックごとのレスポンシブ設定を確認し、スマホで見たときの読みやすさを優先してください。
9-7. プラグイン競合が起きたときの確認方法
プラグイン競合が疑われる場合は、まずバックアップを取ります。そのうえで、最近追加・更新したプラグインから順番に停止し、表示が戻るか確認します。
すべてのプラグインを一気に停止すると原因がわかりにくくなるため、1つずつ確認するのが基本です。
特に、キャッシュ系、最適化系、セキュリティ系、ブロック拡張系のプラグインは、表示や編集画面に影響することがあります。不具合が出た時期と更新履歴を照らし合わせましょう。
9-8. 更新後に表示がおかしくなったときの対処法
WordPress本体、Lightning、プラグインを更新した後に表示がおかしくなった場合は、キャッシュ削除、プラグイン停止、テーマ設定確認、バックアップからの復元を順番に検討します。
LightningにはGeneration 2とGeneration 3に関する注意点もあります。公式情報では、従来のLightningをアップデートしただけで自動的にG3へ変わるわけではなく、G2からG3には互換性が少ないため、切り替える場合はバックアップが必要と説明されています。
大きな変更を行う前は、必ずバックアップを取り、可能であればテスト環境で確認してから本番に反映しましょう。
10. Lightningを安全に運用するための管理方法
サイトは公開して終わりではありません。安全に運用するには、更新、バックアップ、セキュリティ、表示確認、リンク確認を定期的に行う必要があります。
特にWordPressは、テーマやプラグインの更新を放置すると、セキュリティリスクが高まります。月に1回は管理画面を確認する習慣をつけましょう。
10-1. テーマ・プラグイン・WordPress本体を更新する
WordPress本体、Lightning、プラグインは、できるだけ最新に保ちましょう。更新には、不具合修正、機能改善、セキュリティ対策が含まれます。
ただし、更新ボタンを何も考えずに押すのは危険です。特に大きなバージョンアップでは、既存のデザインやプラグインとの相性に影響することがあります。
更新前に変更内容を確認し、バックアップを取ってから実行しましょう。
10-2. 更新前にバックアップを取る
更新前のバックアップは、WordPress運用の基本です。問題が起きたときに元に戻せる状態を作っておけば、安心して更新できます。
バックアップは、データベースだけでなく、画像、テーマ、プラグインも含めて取得しましょう。レンタルサーバーの自動バックアップがある場合でも、復元方法まで確認しておくことが大切です。
「バックアップはあるが戻し方がわからない」という状態では、緊急時に対応できません。復元手順も事前に把握しておきましょう。
10-3. 不要なテーマやプラグインを削除する
使っていないテーマやプラグインは、削除しておきましょう。停止しているだけのプラグインでも、古いまま放置するとリスクになることがあります。
テーマは、現在使っているLightningと、必要に応じて公式のデフォルトテーマを1つ残す程度で十分です。過去に試したテーマが残っている場合は整理しましょう。
プラグインも、役割が重複しているもの、長期間更新されていないもの、使っていないものは削除します。
10-4. セキュリティ対策を行う
WordPressのセキュリティ対策では、強いパスワード、ログイン試行回数の制限、管理者ユーザー名の見直し、二段階認証、SSL化、不要プラグイン削除が重要です。
また、管理者権限を必要以上に多くの人に与えないようにしましょう。記事を書くだけの人には投稿者や編集者権限を使い、管理者権限は必要な人だけに限定します。
定期的にユーザー一覧を確認し、不明なユーザーが追加されていないかチェックすることも大切です。
10-5. 定期的に表示崩れやリンク切れを確認する
サイト公開後は、定期的に表示崩れやリンク切れを確認しましょう。テーマやプラグインの更新、外部サービスの変更、画像削除などによって、いつの間にか表示が崩れることがあります。
特に確認したいのは、トップページ、お問い合わせフォーム、主要サービスページ、スマホメニュー、フッターリンクです。
リンク切れはユーザー体験を悪くするだけでなく、信頼性にも影響します。内部リンク、外部リンク、ボタンリンクを定期的に見直しましょう。
11. Lightningに関するよくある質問
ここでは、ワードプレス Lightningを使う初心者からよく出る質問に回答します。導入前の不安や、制作中につまずきやすい点を確認しておきましょう。
11-1. Lightningは無料だけで使える？
はい、Lightningは無料版だけでも基本的なサイト制作に使えます。ロゴ、メニュー、固定ページ、投稿、フッター、ウィジェットなど、一般的なサイトに必要な設定は無料でも対応できます。
ただし、ヘッダーやページヘッダーの細かい調整、より高度なレイアウト、プロ向けの機能を使いたい場合は、有料機能の導入を検討するとよいでしょう。
まずは無料版でサイトを作り、必要な機能が明確になってから有料版を検討するのがおすすめです。
11-2. Lightningはブログにも使える？
Lightningはブログにも使えます。投稿機能、カテゴリー、タグ、サイドバー、関連記事、プロフィール表示などを組み合わせれば、シンプルで読みやすいブログを作れます。
ただし、アフィリエイト向けの装飾やランキング機能が豊富なテーマと比べると、初期状態は控えめです。必要に応じてブロックやプラグインで補いましょう。
信頼感を重視する企業ブログ、専門家ブログ、士業ブログ、店舗ブログには特に向いています。
11-3. Lightningは企業サイトにも使える？
Lightningは企業サイトに向いています。トップページ、会社概要、サービス紹介、実績、お知らせ、お問い合わせといった構成を作りやすいからです。
シンプルで清潔感のあるデザインにしやすく、業種を問わず使いやすいのが特徴です。士業、医療、教育、建設、製造、コンサルティング、店舗ビジネスなど、幅広い業種で使えます。
企業サイトとして使う場合は、スマホ表示、問い合わせ導線、会社情報、実績、プライバシーポリシーをしっかり整えましょう。
11-4. Lightningでフッターの表記は消せる？
フッターの表記を変更・調整できる範囲は、使用しているLightningのバージョンや無料版・有料版の違い、設定方法によって異なります。
基本的には、カスタマイザーやウィジェットでフッター情報を編集します。著作権表記や独自の会社情報を入れたい場合は、設定項目を確認しましょう。
テーマファイルを直接編集する方法もありますが、更新時に上書きされる可能性があるため、必要な場合は子テーマを使うのが安全です。
11-5. Lightningで子テーマは必要？
通常の設定だけで使うなら、必ずしも子テーマは必要ありません。ロゴ、色、メニュー、トップページ、追加CSS程度であれば、親テーマのままでも運用できます。
子テーマが必要になるのは、テーマファイルを編集する場合、functions.phpに独自コードを追加する場合、テンプレートをカスタマイズする場合です。
初心者は、まずカスタマイザーとブロックエディターでできる範囲を試し、それでも足りない場合に子テーマを検討しましょう。
11-6. Lightningが難しいと感じたときは何から見直す？
Lightningが難しいと感じたら、まずサイト全体の構成を見直しましょう。設定項目がわからないのではなく、「何を作りたいか」が曖昧なために迷っているケースが多いです。
最初に、必要なページをリストアップします。次に、トップページに表示する内容を決めます。その後、色、ロゴ、メニュー、フッターを整えます。
デザインを細かく調整するのは最後でかまいません。構成が決まれば、Lightningの操作も理解しやすくなります。
11-7. Lightningから別テーマへ変更するときの注意点
Lightningから別テーマへ変更すると、デザイン、ウィジェット、メニュー、ブロック装飾、ショートコード、追加CSSの見え方が変わることがあります。
特に、LightningやVK Blocks固有のブロックや設定を多く使っている場合、別テーマで同じ見た目を再現できないことがあります。
テーマ変更前には、必ずバックアップを取り、テスト環境で表示を確認しましょう。トップページ、主要固定ページ、投稿記事、問い合わせフォーム、スマホ表示は必ずチェックしてください。
まとめ
WordPressテーマ「Lightning」は、初心者でも企業サイト、店舗サイト、サービスサイト、ブログを作りやすいテーマです。無料で始められ、カスタマイザーやブロックエディターを使って、ロゴ、色、メニュー、トップページ、フッターなどを調整できます。
ワードプレス Lightningで失敗しないためには、いきなりデザインを触るのではなく、サイト構成を決めてから作業することが大切です。まず必要なページを作り、トップページの流れを整え、メニューとフッターを設定し、その後に色や余白を調整しましょう。
また、SEOを意識するなら、タイトルタグ、見出し構造、内部リンク、画像alt、表示速度、スマホ対応を丁寧に整える必要があります。テーマを入れるだけでは検索上位にはなりません。ユーザーの悩みに答える記事やページを継続的に作ることが重要です。
不具合が起きたときは、キャッシュ、表示設定、メニュー位置、プラグイン競合、追加CSS、更新履歴を順番に確認しましょう。大きな変更や更新の前には、必ずバックアップを取ることも忘れないでください。
Lightningは、シンプルに始めて少しずつ育てていけるWordPressテーマです。基本設定を一つずつ理解しながら進めれば、初心者でも信頼感のあるサイトを作れます。