カテゴリーとタグを先頭に表示するカスタマイズをプラグイン化しました
2026.1.3 追記
この記事に書いてあるプラグインおよび私(魚沼情報サービス・対馬)が作っているほとんどのプラグインは、私がウェブサイトを受託制作する際に、制作費用を抑えて、短期間でお客様に納品し、メンテナンス性の向上を図る目的で使用しているもので、公開しているプラグインではありません。
[Lightning G3] 投稿のカテゴリーとタグが控えめで気づいてもらえない
Lightning G3 のサイトでは投稿のカテゴリーとタグがコンテンツの後ろという控えめな場所に以下のように表示されています。

サイトによっては表示されている投稿と同じカテゴリーやタグの投稿を読みたい(読んでもらいたい)というケースがあると思いますが、この位置と大きさだとなかなか気づいてもらえないです。
カテゴリーに関しては、先頭のパンくずリストにカテゴリーアーカイブへのリンクがあるのですが、表示できるリンクがひとつだけなので、該当カテゴリーが複数ある場合には役不足です。
カスタマイズしてカテゴリーとタグを先頭に表示してみた
そこで、アクションフックとフィルターフックを使ってカテゴリーとタグを先頭の目立つ位置に以下のように表示しました。

- カテゴリー、タグの部分の文字色と枠線はキーカラーになっています。
- デザインも CSS で調整して、マウスホバー効果も設定してあります。
- パンくずリストはこの部分と役割が被るので、コンテンツの後ろに移動してあります。
- 標準投稿だけではなく、カスタム投稿タイプのカスタム分類も同様にカスタマイズを行いました。
以下のページで実際のカスタマイズ結果をご覧いただけます。
標準投稿 https://lightning-g3.373u.net/custom-post-type-subtitle/
カスタム投稿タイプ https://lightning-g3.373u.net/chintai/casa-kitasato/ ← スタイルを変えてあります
カスタマイズのコードをプラグイン化しました
今後、このカスタマイズを行う機会が増えるかもしれないので、かんたんに作業を行えるようにこの投稿で紹介したカスタマイズのコードをプラグイン化しました。
プラグイン名 UJS Category and Tag at the Top です😊
Lighting G3 専用のプラグインで、カスタム投稿タイプを含む投稿のカテゴリー・タグ・カスタム分類を先頭に、パンくずリストを最後に表示します。

Lightning Pro でのカスタマイズ例
Lighting Pro で同様のカスタマイズを行った例がこのサイトのホームページ制作事例です。
カスタム分類「市町村」「業種」「制作タイプ」を先頭に表示しています。
ホームページ制作事例 https://uonuma-js.com/web-works/uoyaku/
Lightning Pro は今後カスタマイズのご依頼をいただく機会が少ないと思われますので、プラグイン化を行っていません😊

WordPress / Lightning
のカスタマイズを承ります
ベクトル公式テクニカルパートナー
があなたをお手伝いします
弊社 (魚沼情報サービス) ではこのサイトで紹介しているようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。
サイト運営者プロフィール

- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
WordPress2026年1月20日スターターパックのテーブルに流れ(フロー)②のスタイルを追加しました
WordPress2026年1月19日スターターパックのテーブルに流れ(フロー)のスタイルを追加しました
WordPress2026年1月13日スターターパックのアコーディオンのデザインを追加しました
WordPress2025年12月26日スターターパックのトップページの新着表示のデザインが増えました

WordPress のトラブル解決・設定・カスタマイズ
ベクトル公式テクニカルパートナー
があなたをお手伝いします
Zoom で画面共有してQ&A形式でサポートいたします。わからないところや疑問点をどんどん質問してください。その場ですぐに解決をお手伝いします。※ご希望の方にはメールでのサポートも可能です。
PHP / jQuery / CSS / アクションフック / フィルターフック のカスタマイズのご依頼も承ります。自分では思い通りにできないのでプロの力を借りたいとお考えの方、ぜひご相談ください。



