カテゴリー「Lightning G3」の記事
2021年5月リリース - 第3世代の Lightning

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

このカテゴリーには37の記事があります。
ヘッダーロゴの左右に画像付きメニューを並べるカスタマイズNew!
カテゴリー
Lightning G3カスタマイズ

左右に2つずつ配置されているメニュー項目はお客様側でかんたんに変更を行っていただけるようにしました。

グローバルナビの任意の項目を画面の右端に固定表示するカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

HTML / CSS に関する知識をお持ちでないお客様側でも 外観 ⇒ メニュー で右端に固定表示するナビ項目を自由に設定・差し替えできるようになっています。

Lightning G3 無料版でスクロール時にヘッダーロゴ画像を表示するには
カテゴリー
Lightning G3カスタマイズ

このカスタマイズは CSS だけでできます。

グローバルナビの最後の2項目を画面の右端に固定表示するカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

このカスタマイズを行っておくことによって、HTML/CSS をいじらなくてもいいので、誰でもかんたんに 外観 ⇒ メニュー で右端の2項目を設定(差し替えも)できるようになっています。

Lightning G3 モバイルナビのカスタマイズ例
Lightning G3 モバイルナビのカスタマイズ例
カテゴリー
Lightning G3カスタマイズ

Lightning G3 のモバイルナビをモノクロのダークカラーでカスタマイズしてみました。

Lightning G3 無料版でスクロール時のヘッダー固定を解除するやり方
カテゴリー
Lightning G3カスタマイズ

フィルターフックを使ってヘッダー固定を解除するカスタマイズ手順を紹介します。

パンくずリストの先頭のアイコン・表記を変更するには
カテゴリー
Lightning G3カスタマイズ

Lightning G3 はフィルターフックでアイコンをカスタマイズできます。

Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応
Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応
カテゴリー
ExUnitLightning G3

Lightning 14.18.0 / VK All in One Expansion Unit 9.73.0 にアップデートすると、Font Awesome 6 が使えるようになりました。

コールセンター
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②
カテゴリー
Lightning G3カスタマイズ

グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応

コールセンター
グローバルナビメニューのお問い合わせだけスタイルを変えてみました
カテゴリー
Lightning G3カスタマイズ

グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。

ヘッダーロゴ画像のリンク先を変更するやり方
カテゴリー
Lightning G3カスタマイズ

フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。

404 Error!
404 ページをカスタマイズしてみた
カテゴリー
Lightning G3カスタマイズ

大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。

ページヘッダーに投稿のタイトルを表示するやり方【続編】
カテゴリー
Lightning G3カスタマイズ

投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。

リンク(アンカー)
外部リンクに Font Awesome アイコンをつけるカスタマイズ
カテゴリー
Lightning G3カスタマイズ

段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。

グローバルメニューの Font Awesome アイコン カスタマイズ例 72通り!!
カテゴリー
Lightning G3カスタマイズ

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。※全72パターンあります。

グローバルメニューの Font Awesome アイコン カスタマイズ例
カテゴリー
Lightning G3カスタマイズ

「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。

投稿のアイキャッチ画像をページヘッダーの背景画像にするカスタマイズ
カテゴリー
Lightning G3カスタマイズ

Lightning G3 Pro Unit は投稿のアイキャッチ画像をページヘッダーの背景画像に設定することができますが、それを無料版でアクションフックを使ってやってみました。

Lightning G3 無料版でページヘッダーに投稿のタイトルを表示してみた
ページヘッダーに投稿のタイトルを表示するやり方
カテゴリー
Lightning G3カスタマイズ

公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。

ブロックエディタのカラーパレットにカスタム色を追加できるようになった
カテゴリー
Lightning G3

無料版の Lightning にこの機能を持たせるところにベクトルさんの気前の良さを感じます。

スライドショーで画像をじわぁ~っとズームインさせるには
カテゴリー
Lightning G3カスタマイズ

スライドショーにフェード効果を設定し、3枚以上のスライドを設定した上で CSS を追加します。

サイト運営者よりごあいさつ

魚沼情報サービス 代表 対馬 俊彦

対馬 俊彦 魚沼情報サービス 代表

Toshihiko Tsushima

このサイトにアクセスしていただき、ありがとうございます。サイトを運営している、魚沼情報サービスの対馬(つしま) と申します。

WordPress を使用したサイト制作・カスタマイズは全国どこからでも承っています。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら…という方にご好評いただいています。

サイト制作・カスタマイズなどに関するお問い合わせ

ご依頼およびサービス内容へのご質問などお気軽にお問い合わせください

このサイトで使用している Lightning G3 および関連プラグイン

Lightning と以下のプラグインを組み合わせて、見やすく高機能なコーポレートサイトを少ない作業工数で構築して、効率よく運営することができます。

About Lightning

Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。

ExUnit

多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。

VK Blocks

プラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。

VK Filter Search

プラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。