このサイトの ブログトップ と カテゴリーアーカイブ の先頭に以下のようにカテゴリーのボタンを配置して、タブ切り替えに似た使い勝手で閲覧できるようにカスタマイズしました。
- アクションフックを使ってボタンを表示しています。
- 表示されているカテゴリーのボタンに色がつくようにしてあります。
- カテゴリーアーカイブにリンクするボタンを並べたカスタマイズです。コンテンツによってはこのようなタブ切り替え風の使い勝手にしたいという需要があり、そういうケースでご要望にお応えします。
2025.10.21 ページヘッダーを非表示にしました
フィルターフックを使ってページヘッダーを非表示にして、ページの先頭にブログカテゴリー選択が表示されるようにしました。
これによりブログトップページで H1 タグが出力されなくなりましたので、アクションフックを追加して H1 タグを出力してあります。
2025.12.8 WordPress 6.9 対応
WordPress 6.9 にアップデートしたら、アーカイブページで以下の CSS ファイルが読み込まれなくなって、カスタマイズで追加した部分のスタイルが正しく適用されなくなったため、対応しました。
/wp-includes/blocks/cover/style.min.css
/wp-includes/blocks/button/style.min.css
WordPress 6.9 Frontend Performance Field Guide – Make WordPress Core
This post is the latest in a series of updates focused on the performance improvements of major releases (see 6.8, 6.7, 6.6, 6.5, 6.4, 6.3, and 6.2). WordPress…
上記のページによると、
In WordPress 6.9, classic themes now opt-in to loading separate block styles on demand by default.
（WordPress 6.9 では、クラシックテーマはデフォルトで個別のブロックスタイルをオンデマンドで読み込むようになりました。）
とのことです。
今回行ったカスタマイズでは、カテゴリー選択を表示しているブロックを別の固定ページで作成してあり、アクションフックを使ってその固定ページをブログトップとカテゴリーアーカイブの先頭に読み込んでいます。
固定ページに WordPress コアのカバーブロックとボタンブロックを使用していますが、別ページにあるためにこれらのブロックのスタイルが読み込まれなくなった、ということでした。
とりあえずのかんたんな対策としては、以下のフィルターフックを追加することによりオンデマンドで読み込む動作が解除されて、いままで通りの動作をするようになります。
add_filter( 'should_load_separate_core_block_assets', '__return_false' );ただし、この対策を行うと WordPress 6.9 のパフォーマンス改善の恩恵を受けられなくなってしまうので、カバーブロックとボタンブロックのスタイルの必要な部分を上記の固定ページに持たせるようにしてあります。
Lightning のカスタマイズをオンラインでサポート
Zoom で画面共有して、Q&Aでサポートいたします。
わからないところや疑問点をどんどん質問してください。すぐその場で解決をお手伝いします。
アクションフック / フィルターフック / PHP / jQuery / CSS のカスタマイズのご依頼も承ります。
自分では思い通りにできないのでプロの力を借りたい方、ぜひご利用ください。
ご相談・お仕事のご依頼は こちらのお問い合わせフォーム からお願いいたします。
--- この部分について ---
投稿の最後にカテゴリーごとに異なるコンテンツを出し分けるカスタマイズを行っています。
いまご覧になっているこの部分はカテゴリー Lightning の投稿に表示されています。
例えば、部署や施設が投稿のカテゴリーになっていて、投稿の最後に担当部署の連絡先や施設の紹介を載せたいというご要望にこのカスタマイズでお応えできます。
投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
Lightning2026年1月31日温泉宿向けに Lightning のハンバーガーボタンをカスタマイズした例
Lightning2025年10月1日ページを押し出すモバイルナビ
WordPress2025年8月16日カラムブロック内のコンテンツの高さを揃えるには
WordPress2025年7月12日ノーコードで見出しの下に短いラインを表示するやり方
＼ 更新情報をチェック ／
