WordPress テーマ Lightning G3 に関するブログ記事
Lightning G3 = 2021年5月リリース 第3世代の Lightning
このカテゴリーアーカイブページのカスタマイズ内容
カテゴリーの説明
アコーディオンの上に表示されている文言はカテゴリーの説明欄に入力してあり、カテゴリーアーカイブページの先頭に表示されます。(下図参照)
これは Lightning の標準機能で、出力のために特にカスタマイズしているわけではありません(ずらして重ねた枠で囲むために CSS を書いています)。HTML タグも一部使えます。
ページタイトル
ページタイトルを カテゴリー「○○○○○○」の記事 と表示してあります。
通常は ○○○○○○ のみがページタイトルとして表示されます。
2025.9.21 機能追加
以下のように ExUnit でアーカイブページのタイトルタグが設定されている場合、タイトルタグに指定されているテキストをページタイトルとして表示する機能を追加しました。

サブテキスト
カテゴリー編集画面にサブテキストの入力欄を追加して、入力されたサブテキストをページタイトルの下に表示しています。

このアコーディオンのコンテンツ
このアコーディオンのコンテンツは、アクションフックを使ってカテゴリー「Lightning G3」のアーカイブページの先頭に表示している固定ページです。
アーカイブの最後のコンテンツ
このアーカイブページの最後にもコンテンツを表示してあります。(サイト運営者よりごあいさつ ~ サイト制作・カスタマイズなどに関するお問い合わせ の部分)
アーカイブページの表示タイプ
このサイトの投稿のアーカイブページの表示タイプを「カード」にカスタマイズしています。
そして、このカテゴリー「Lightning G3」のアーカイブページだけを「Lightning 標準」にしてカスタマイズありますが、このサイトのように1カラムレイアウトだと大きく表示されてしまいますので、パソコンでは2列表示になるようにしてあります。
このカスタマイズは「カスタム投稿タイプまで作らなくてもいいかな…」ってときに使えるかもしれません。
こちらのアーカイブページ では、表示タイプに加えてページヘッダーのデザインもカスタマイズしています。
弊社 (魚沼情報サービス) ではこのようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。
Lightning / VK All in One Expansion Unit が Font Awesome 6 に対応2022年3月11日
Lightning 14.18.0 / VK All in One Expansion Unit 9.73.0 にアップデートすると、Font Awesome 6 が使えるようになりました。
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②2022年2月28日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューのお問い合わせだけスタイルを変えてみました2022年2月25日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。
- カテゴリー
- Lightning G3カスタマイズ
ヘッダーロゴ画像のリンク先を変更するやり方2022年2月21日
フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- jQuery
404 ページをカスタマイズしてみた2022年2月11日
大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。
ページヘッダーに投稿のタイトルを表示するやり方【続編】2022年1月13日
投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。
外部リンクに Font Awesome アイコンをつけるカスタマイズ2021年12月28日
段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。
グローバルメニューの Font Awesome アイコン カスタマイズ例 72通り!!2021年11月12日
「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。※全72パターンあります。
グローバルメニューの Font Awesome アイコン カスタマイズ例2021年11月11日
「Lightning っぽくない」シリーズのカスタマイズの一例として、グローバルメニューのスタイルをいじってみました。
投稿のアイキャッチ画像をページヘッダーの背景画像にするカスタマイズ2021年11月4日
Lightning G3 Pro Unit は投稿のアイキャッチ画像をページヘッダーの背景画像に設定することができますが、それを無料版でアクションフックを使ってやってみました。
ページヘッダーに投稿のタイトルを表示するやり方2021年10月15日
公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。
ブロックエディタのカラーパレットにカスタム色を追加できるようになった2021年9月27日
無料版の Lightning にこの機能を持たせるところにベクトルさんの気前の良さを感じます。
- カテゴリー
- Lightning G3
- タグ
- カラーパレット
グローバルメニューのメニュー項目を三角形にして横幅を小さくした例2021年9月6日
ヘッダーロゴ画像とグローバルメニューをページヘッダーに重ねて表示することによりヘッダー部分がコンパクトになっています。メニュー項目を三角形にすると横幅を小さくできるので、項目数が多いときに役立つアイディアです。
Lightning G3 無料版で賃貸物件サイトを作ってみた2021年9月3日
Lightning 無料版でもフックを使って賃貸物件検索を実用レベルに仕上げることができますが、トップページへの自動表示はむずかしいです。
投稿や固定ページのページヘッダーの画像を個別に設定するやり方2021年9月1日
編集画面で カスタム CSS に行を追加します。Lightning G3 Pro Unit でも投稿の編集画面にはページヘッダー画像設定がありませんので、この記事で紹介したやり方で設定します。
ハンバーガーメニューをパソコンでも使ってみるカスタマイズ 第2弾2021年8月26日
【第2弾】パソコン画面でグローバルメニューを使うのを止めて、代わりにモバイルナビ(ハンバーガーボタン)を使うカスタマイズをしてみました。
トップページ(特定のページ)だけヘッダーロゴ画像を変更するやり方2021年8月25日
Lightning G3 サイトでフィルターフックを使って、ページによってヘッダーロゴ画像を使い分ける方法を紹介します。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- フィルターフック
ハンバーガーメニューのボタンをアイコン表示で目立たせるカスタマイズ2021年8月23日
デフォルトのハンバーガーボタンのままだと控えめなので、ボタンが目立つように CSS で飲食店向けにカスタマイズして、さらにパソコン、タブレットでも使えるようにしました。ペットサロン向け・カットサロン向けのパターンもあります。
- カテゴリー
- Lightning G3カスタマイズ
パンくずリストのカスタマイズ+α ②2021年8月23日
Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。さらにヘッダーの余白をなくしてすっきりさせてみました。
この下のコンテンツは、アクションフックを使ってカテゴリー「Lightning G3」のアーカイブページに固定ページを表示しているものです。
アーカイブページのカスタマイズの一例としてご覧ください。
サイト運営者よりごあいさつ
対馬 俊彦 魚沼情報サービス 代表
Toshihiko Tsushima
このサイトにアクセスしていただき、ありがとうございます。サイトを運営している、魚沼情報サービスの対馬(つしま) と申します。
WordPress を使用したサイト制作・カスタマイズは全国どこからでも承っています。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら…という方にご好評いただいています。

サイト制作・カスタマイズなどに関するお問い合わせ
ご依頼およびサービス内容へのご質問などお気軽にお問い合わせください


















