「Lightning Pro」主要機能のレビュー
WordPressの人気テーマ「Lightning」は無料で使える素晴らしいテーマですが、有料版の「Lightning Pro」もあります。そのLightning Proを使うとスマホのフッターに固定メニューを表示したり、投稿一覧のレイアウトをグリッド表示などに変更することができます。
![モバイル固定メニューが使える「Lightning Pro」](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-09-11-44-39.png)
カスタマイズの手間が省けてサイト制作の効率化に役立つことは間違いありません。
ここでは、無料版のLightningで使えず有料版のLightning Proのみで使える機能を紹介します。
この記事の内容
モバイル固定メニュー
モバイル固定メニュー(フッターフローティングメニュー)はスマホなどの画面下に固定表示されるメニューです。
![モバイル固定メニュー](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-19-12-41.jpg)
当サイトの「フローティングメニューの表示」で紹介しているように自力でカスタマイズして設置することもできますが、Lightning Proならダッシュボードのメニューで設定できるので苦労せず済みます。
リンクテキスト、アイコン、リンク先URLを設定すればメニュー項目が作成されますが、クリックイベントを設定できるのは非常に便利です。どのページから問い合わせや申し込みがあったのかコンバージョンを測定するのにも役立ちます。
![クリックイベントも記録できる](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-19-20-07.jpg)
また、グローバルメニューを開閉するメニュー項目も追加できます。グローバルメニューは画面を上にスクロールしないと表示できないことが多いので、これも便利な機能でしょう。
![グローバルメニューの開閉ボタン](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-19-24-53.jpg)
メニューの色や背景色はダッシュボードから変更可能です。
![メニューの色も変更可能](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-19-32-38.jpg)
LTG Media Posts(グリッド表示など)
LTG Media Postsはトップページやアーカイブに表示される投稿一覧のレイアウトを変更できる機能です。
次の例は最初の1件だけ大きく表示する例です。
![最初の1件だけ大きく表示する例](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-20-58-11.png)
次の例は3列表示です。
![3列表示の例](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-21-00-15.png)
説明不要かもしれませんがレスポンシブ対応なので端末幅に応じて2列や1列で表示されます。
![レスポンシブ対応](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-22-29-42.png)
レイアウトは選択すれば切り替わります。基本的には面倒なカスタマイズは不要です。
![レイアウトは選択すれば切り替わる](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-08-10-50-52.png)
1列表示もできるので、これを活用してトップページコンテンツエリア(左・右)に表示すれば、複数カテゴリーの最新記事を見せてアクティブなサイトを演出できるでしょう。
次の例では、トップページコンテンツエリア(左・右)に1列表示のLTG Media Postsを2つずつ設置して4カテゴリーの新着情報を表示しています。
![4カテゴリーの新着情報を表示](https://www.nishi2002.com/wp-content/uploads/2019/09/6c6c77ce4234cb07cecc84515f13bded.png)
カテゴリーリンクの色分け
Media Postsなどに表示されるカテゴリーリンクは「投稿」‐「カテゴリー」メニューで色を設定できます。
![カテゴリーリンクの色を設定できる](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-21-03-38-2.png)
トップページのウィジェット
Lightning無料版ではトップページのウィジェットは「コンテンツエリア上部」のみでしたがLightning Proでは、左・右・下部の3つ(赤枠を付けた部分)が追加されています。
Media Postsウィジェットなどを自由に配置して柔軟なレイアウトを実現できます。使い方はアイデア次第でしょう。
![追加されたトップページコンテンツエリア](https://www.nishi2002.com/wp-content/uploads/2019/09/6c6c77ce4234cb07cecc84515f13bded.jpg)
フッターコピーライト設定
フッター部分に表示されるコピーライト情報は自由に設定できます。
![フッターコピーライトの設定](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-21-03-38.png)
ヘッダー連絡先の設定
ヘッダー上部に問い合わせフォームへのリンクや連絡先を表示することができます。
![ヘッダー上部に連絡先を表示できる](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-21-03-38-1.png)
BizVektorなどでおなじみの画面右上の連絡先は拡張デザインスキンのLightning Fortなどで使用可能になります。Lightning Proに追加してインストールする必要があります。
![ヘッダー右上の連絡先(Lightning Fort)](https://www.nishi2002.com/wp-content/uploads/2019/09/2020-02-29_21-48-15.png)
フォント設定
サイト名・グローバルメニュー・タイトル・本文についてフォントを指定することができます。
![フォント設定できる](https://www.nishi2002.com/wp-content/uploads/2019/09/2019-09-07-21-19-54.png)
「和風なサイトに仕上げたい」という主旨で全体的に明朝体ベースにする場合は拡張デザインスキンのJPNSTYLEを使った方が簡単かもしれません。
VK Blocks Pro
Lightning Proユーザーはブロックエディタ対応のVK Blocks Proプラグインを使うことができます。
詳しくは、以下のページをご覧ください。
Lightning Proユーザー向けプラグイン「VK Blocks Pro」の機能を紹介
まとめ
以上、Lightning Proで使える機能を紹介しました。いずれも効率的なサイト制作に役立ちますが、特にモバイル固定メニューとMedia Postsは強力です。興味がある方は、ぜひお試しください。