『Lightning』テーマのインストールと設定

会社紹介や店舗に使いやすい日本製無料テーマ『Lightning』についてご説明します。

Lighting(ライトニング)テーマとは

日本の企業が開発した、Wordpressの無料テーマです。
企業サイト向けに必要な機能をそろえ、初心者にも大変設定しやすいテーマとなっています。

公式サイトはこちら
https://lightning.nagoya/ja/

Lightningのインストール

Lightningは、Wordpress公式テーマディレクトリからインストールできます。

管理画面の『外観』→『テーマ』から、『Lightning』と入力します。

一番先頭に出てくるとは限りませんのでご注意ください。

『プレビュー』で確認しても良いですが、今回は、『インストール』ボタンを押します。

インストールされました。

いったん、『ライブプレビュー』を見てみます。

サイトのデザインが変わりました。
すでになかなか見栄えが良い状態になっていて、あらかじめLightningで用意されているスライド画像が動作しています。

ライブプレビューでテーマ『Lightning』の設定

プレビュー状態で設定できるところをしてみます。

メニュー

『サイト基本情報』は、タイトルと概要ということでとりあえずこのまま。
『メニュー』を設定します。

Lightningに変更したことにより、『フロントメニュー(グローバルナビゲーション)』のチェックが外れてしまったので、設定します。

『メニュー』の部分をクリックすると、

すでに作成されているメニューが出てきます。
ここでは『mainmenu』を選択します。

『□ Header Navigation』というところにチェックを入れると、プレビュー画面の右上に設定したメニューが出現します。

左下のアイコンをそれぞれクリックすると、

『パソコン』『タブレット』『スマートフォン』のそれぞれの見栄えを確認できます。
(機種により完全には同じではないので、あくまでも参考まで)

設定したら、いったん元のメニューに戻ります。

戻るときは、左矢印『<』を押してください。

ブラウザの戻るボタンを押すと

『X』ボタンを押すと

上記のようなメッセージが出て、変更が保存されません。

ウィジェット

ウィジェットはたくさん用意されています。

ここで設定してもいいですし、やりづらければいったん『保存して有効化』した後で、『ウィジェット』の管理画面で設定しても良いでしょう。

Lightningデザイン設定

Lightningには、独自の設定メニューもあります。

『Lightningデザイン設定』は

『デザインスキン』や、色、レイアウトを変更することができます。

『デザインスキン』とは
テーマ『Lightning』にプラグインの形でインストールする、拡張デザイン機能のことです。
無料のスキンや有料のスキンをインストールすることによって、さらに凝ったデザイン(見た目)に変更することが可能です。
初期状態では『Origin』しか入っていません。

カラー変更で、リンクやボタンの色などを一括で変更することも可能です。

トップページスライドショー

トップで流れる画像がここで設定できます。
一番最初に変更しておくことをおすすめします。

『画像の変更』ボタンを押します。

設定したい画像を選択して、『画像を選択』

プレビューに反映されました。

画像サイズに注意
『Lightning』には画像のトリミング(切り抜き)機能がありませんので、あらかじめ画像編集ソフトなどで画像サイズ(比率)を整えておく必要があります。
画像のサイズはテーマによって異なりますが、『Lightning』の場合、スライドの推奨画像サイズは1900×500px となっています。

トップページPR Block

『Lightning』には、トップページにすぐに見てほしいPRを3つできる機能が備わっています。

『PR Blockを表示する』にチェックを入れると、

設定したPR Blockが表示されます。

※『VK All in One Expansion unit プラグイン』をインストールすることによって、PR Blockに好きな画像を設定することも可能になります。

その他の設定

Lightning公式サイトの『設定ガイド』に詳しく掲載されています。

設定ガイド | Lightning
無料版での設定クイックスタートクイックスタートは、真っさらなWordPress環境にデモサイトと同じデータを丸ごとインポートすることで、ビジネス向けサイトを素早くセットアップできるようになっています。クイックスタートへ基本設定基本設定について詳細はオンライン学習サービス「ベクトレ」にてご確認ください。Lightning...
タイトルとURLをコピーしました