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

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

このカテゴリーには49の記事があります。

Lightning でヘッダーに検索窓を設置したカスタマイズ例②New!

アクションフックと CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

Lightning でヘッダーに検索窓を設置したカスタマイズ例①New!

アクションフックと jQuery・CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

WordPress コアのボタンブロックのマウスホバー時の色を指定する

【2022.10.23 仕様変更により使いやすくなりました】ボタンの色を指定した場合もカスタマイズで指定したキーカラーを元に決定された色がマウスホバー時に使われますので、指定したボタンの色と合わないと感じることがあります。

カテゴリー
Lightning G3カスタマイズ

モバイルナビのオーバーレイメニューをカスタマイズしてパソコンでも使う

カスタマイズしてフェードイン方式のオーバーレイメニューに変更して、そのオーバーレイメニューをパソコンでも使用するようにしてあります。

カテゴリー
Lightning G3カスタマイズ

Lightning G3 の前の記事・次の記事のオーバーレイの色を黒から変更

カスタマイズ初心者向けに CSS を使ってカスタマイズするやり方を紹介します。

カテゴリー
Lightning G3カスタマイズ

ページ内リンクのリンク先でサイトヘッダー(固定ヘッダー)を表示してみた

JavaScript によりこの動きを実装してあります。

カテゴリー
Lightning G3カスタマイズ

グローバルナビメニューの中央にヘッダーロゴ画像を配置したカスタマイズ

ヘッダーロゴ画像の左右に配置されているメニュー項目はブロックエディターを使ってお客様側でかんたんに変更していただけるようになっています。

カテゴリー
Lightning G3カスタマイズ

Lightning G3 にオーバーレイメニューを実装したカスタマイズ例 ①

お客様の側でメニューの追加・変更を容易に行うことができます。

カテゴリー
Lightning G3カスタマイズ

Lightning G3 個別投稿ページの投稿日・カテゴリーのカスタマイズ例②

投稿タイトルの左端に斜めに区切ったエリアを作り、カテゴリーと投稿日を白抜き表示にしています。

カテゴリー
Lightning G3カスタマイズ

Lightning G3 個別投稿ページの投稿日・カテゴリーのカスタマイズ例

投稿日を円の中に白抜きで表示しています。月を英語表記にしました。カテゴリーは Lightning Pro のように投稿タイトルの右上に置きました。

カテゴリー
Lightning G3カスタマイズ

Lightning のスライドショーの幅をコンテナ幅に合わせるカスタマイズ

Lightning のスライドショーは初期状態では画面幅いっぱいに表示されますが、スライドショーの幅を小さくしたくなることもあると思います。そのようなときのカスタマイズの一例を紹介します。

カテゴリー
Lightning G3カスタマイズ

パソコンで右に、スマホで下にメニューを固定表示するカスタマイズ例

お客様の側でかんたんにメニューの中味を書き換えていただけるようになっています。

カテゴリー
Lightning G3カスタマイズ

ヘッダーロゴ画像を中央に 画像付きメニューを左右に配置したカスタマイズ

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

カテゴリー
Lightning G3カスタマイズ

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

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

カテゴリー
Lightning G3カスタマイズ

Lightning G3 無料版でスクロール時にヘッダーロゴ画像を表示するには

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

カテゴリー
Lightning G3カスタマイズ

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

このカスタマイズを行っておくことによって、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 14.18.0 / VK All in One Expansion Unit 9.73.0 にアップデートすると、Font Awesome 6 が使えるようになりました。

カテゴリー
ExUnitLightning G3

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

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

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

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(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。