Lightningをテーマカスタマイザーとプラグインでカスタマイズ

Lightning

Lightning

Lightning のカスタマイズ

Lightning をカスタマイズするにはテーマカスタマイザーを利用するか、同時に開発されている無料の多機能プラグイン「VK All in One Expansion Unit(通称:ExUnit)」を利用することが安全で近道だと思います。

Lightning は今時のビジネスサイトやブログを作る上で必要な機能を網羅、併せて利用する事によって、コーポレートサイトやお店のホームページ、ブログなど簡単にカスタマイズする事ができます。WordPressテーマ・ディレクトリから利用できるテーマですがそのカスタマイズ性は秀逸と言えます。

WordPress標準では「投稿」「固定ページ」の2系統しか使えませんが、ExUnitの機能を使えば簡単に他の投稿系統(カスタム投稿タイプ)を増やせます。その場合もタイトルタグやパンくずリストなどは自動的に最適化され、更に各投稿タイプ用のサイドバーウィジェットエリアが自動で追加されるなどの機能を備えているので、投稿タイプに応じて自分でテンプレートファイルを作成しなくてもそのまま利用できます。

WordPress.org Lightning
バージョン14.13.2
最終更新2021年11月25日
有効インストール60000+
WordPressバージョン5.6.0以上
Lightning の概要 2021年12月現在

Lightning をカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート(PHP)ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。

プラグインを利用するにしても、直接テンプレート(PHP)ファイルを書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。

Lightning をカスタマイズするには下記の手順で行います。

  1. WEBサイトの構成を考える (※注1)
  2. 不要な機能を削除する
  3. 必要な拡張機能(プラグイン)を追加する
  4. グローバルナビゲーションやサイドメニューを作る
  5. TOPページを作る
  6. 発信者情報ページを作る
  7. お知らせや、ブログ(製品やサービスをカテゴリーに構成する)を設置する

※ 注1)固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。

テーマカスタマイザー

Lightning のカスタマイズは大きく分けて機能とデザイン性になります。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。特にテーマのコードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。

テーマカスタマイザーは、テーマによって内容は異なっていますが、基本的な項目、メニューや、ウィジェット、フォントや色、レイアウトなどを変更することができます。テーマによってはスライダーや動画に関する設定ができるものもあります。スタイルシートは追加CSSに必要なものだけ追加することができます。(全てのページに出力されるのであまり使わないCSSは追加しない方がページを軽くすることができる)

Lightning のテーマカスタマイザー
Lightning のテーマカスタマイザー

Lightning をカスタマイズする最も簡単な方法は、標準搭載されているカスタマイザーを使用することです。(ログインしている状態で)サイトを閲覧し、画面上部にある管理バー内の「カスタマイズ」をクリックするか、管理画面で、「外観」 > 「カスタマイズ」をクリックする方法です。Lightning のカスタマイザーの内容は以下のようになっています。カスタマイズ機能が豊富に用意されていて、テンプレートファイルをカスタマイズしなくてもよいほど充実しています。

サイト基本情報サイトのタイトル(WordPressで既に設定していれば変更の必要はなし
キャッチフレーズ
サイトアイコン 512 × 512pX
メニューLightningのメニューは以下の3つがデフォルト、位置はヘッダー部とフッター部の指定ができます。

HeaderNavigation
FooterNvigation
FooterSiteMap
ウィジェットLightningのウィジェットは豊富に用意されていてテンプレートファイルのカスタマイズをしなくてもデフォルトで十分利用できます。

サイドバー(トップページ)
サイドバー(共通上部)
サイドバー(共通下部)
トップページコンテンツエリア上部
フッター上部
フッターウィジェットエリア1
フッターウィジェットエリア2
フッターウィジェットエリア3
Lghtningデザイン設定 デザインスキンによって簡単にデザインを変更できる
280 x 60 のロゴ画像が使える
トップページを1カラムにする
トップページデフォルトの投稿リストや固定ページを表示しない
投稿詳細ページで最終更新日を表示しない
投稿詳細ページで投稿者名を表示しない
Lightningトップページスライドショー1900 × 600pxのスライド画像をスライドさせて表示することができる。
Lightningトップページ PR BlockトップページにPR したいページへのリンクと画像を簡単に設置できる。
Lightning のテーマカスタマイザー

WordPressテーマディレクトリのテーマは審査に適合しないと登録できないのでその点では安心して利用することができます。企業のサイトにも適したデザイン、コールツーアクションの実装、様々なニーズに対応できる公式テーマの一つといえるでしょう。

css(スタイルシート)をカスタマイズ

部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss(スタイルシート)を追加することになります。cssの(スタイルシート)を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。

テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。

テンプレートファイル(PHP)のカスタマイズ

テンプレートファイル(テーマファイル)のカスタマイズは、外観 → テーマファイルエディタで編集することになります。テンプレートファイルの構成は各テーマによって異なっていますが概ね以下のようなファイルで構成されています。

  • スタイル(style.css)
  • テーマの関数
  • 404テンプレート
  • コメント
  • テーマフッター
  • テーマヘッダー
  • 検索フォーム
  • 単一テンプレート

テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。

プラグインでカスタマイズ

テーマのデフォルトカスタマイザーで十分にカスタマイズできないときは、プラグインの導入をお勧めします。直接テーマのソースを変更してしまうと思わぬ不具合がでることもあり、特に初心者の方にはハードルの高いものなっています。Page Buider by SiteOriginやElementor Website Builderを利用すれば、かなり大掛かりなカスタマイズができるようになります。

Table of Contents Plusページ内のコンテンツの目次を作成
All in One SEO PackSEOを一括して設定
WP Multibyte Patchマルチバイト文字の修正(コンタクトフォームを利用するなら必須)
Duplicatorサイトを丸ごとコピーしてバックアップ
WP Maintenance Modeメンテナンス中であることを表示
Pz-LinkCard外部リンクをカード形式で表示
WP-Optimizeデータベースをクリーンアップ
Insert Pagesページ内に文章を埋め込む
RedirectionURLをリダイレクト
Broken Link Checkerリンク切れをチェックする
カスタマイズに使いたいプラグイン

Lightning のプラグインVK All in One Expansion Unit でカスタマイズ

VK All in One Expansion UnitをLightningにインストールして有効化すると以下のカスタマイズができるようになります。

  • トップページにPR Blockを設置できる
  • ウィジェットエリアに会社情報やロゴを表示できる
  • 子ページを自動で一覧表示できる
  • お問い合わせ先情報を表示できる
  • コールツーアクションを一括挿入でき、ページごとに表示内容を変更できる

Promotion

事業用WordPressテーマなら「New Standard」まずは無料体験

New Standardは集客に強いWordPressテーマです。

販売元は「Web集客 コンサル」で1位表示の実績を持つninoya。ズバリ、集客できるから売れています。