Lightning G3 は2021年5月にリリースされた Lightning の第3世代です。Lightning は、シンプルでカスタマイズしやすい、という特徴を持っています。アップデートにより進化し続けて使いやすくなっていることもこのテーマの大きな魅力です。

弊社(魚沼情報サービス)は Lightning を使用したサイト制作・カスタマイズ・サポートを全国どこからでも承ります。お気軽にご相談・お問い合わせください。

お問い合わせはこちら

Lightning
Lightning のカテゴリーアーカイブページのカスタマイズ例

初期状態のままだとデザインがシンプル過ぎますし、タイトルがカテゴリーの名前だけだと説明不足のような気がします。

Lightning
サイドバーのウィジェットに置いたバナーを固定表示したカスタマイズ例

バナー画像が常に目に入るように、画面をスクロールしても上下方向の中央の位置に固定表示されるようにカスタマイズしました。

Lightning
Lightning G3 のヘッダーロゴ画像を右に配置するやり方

ヘッダーロゴ画像の配置をカスタマイズする CSS を紹介します。

Lightning
グローバルナビのお問い合わせのアイコンはメールと電話のどっちがいい?

アイコンを両方とも表示する、メール・電話以外のアイコンを表示する、などのやり方があります。

Lightning
スクロールして表示されたときにアニメーションが始まるカスタマイズ例③

ページをスクロールしてブロックが画面に表示されたタイミングでアニメーションが始まるようにカスタマイズしてあります。

Lightning
カテゴリーをページヘッダーに表示するプラグインを作りました

カテゴリーに設定した色が背景色に設定されます。

カスタマイズ
ブログカード全体をリンクエリアにしたカスタマイズ例

Lightning のサイトでブログカード全体をリンクエリアに設定するカスタマイズを行いました。

Lightning
ヘッダーロゴ画像とグローバルナビを画面右側に配置したカスタマイズ②

ヘッダー透過にして背景画像を設定しました。

Lightning
ヘッダーロゴ画像とグローバルナビを画面右側に配置したカスタマイズ

ヘッダーをカスタマイズして、ヘッダーロゴ画像とグローバルナビを縦に並べて画面右側に配置しました。

Lightning
ヘッダーロゴ画像を右に、グローバルナビを左に配置したカスタマイズ

ヘッダーをカスタマイズして、ヘッダーロゴ画像とグローバルナビの位置を入れ替えてみました。

Lightning
農家サイトのカスタマイズ例 - 全画面のスライダーを使った Lightning トップページ ②

スクロールするとサイトヘッダーが現れるようにカスタマイズしました。

Lightning
Lightning でトップページに全画面の動画を使ったカスタマイズ例

お客様からご相談をいただき、実際のページで見ていただくためにカスタマイズを行いました。