WordPressのthemeでlighningを使っていて、タグページを表示した際に、パンくずリストが、以下のようになるのが気になったので、カスタマイズしてみました。

HOME > 固定ページ > （タグキーワード）

この「固定ページ」が気になって、この部分をTagKeywordとしてみた（以下のパンくずリストになります）。（タグキーワード）には、「効率化」や「SEO」などのキーワードが入ります。その記述方法について共有します。

HOME > TagKeyword > （タグキーワード）

以下のソースコードをfunctions.phpに記入することで、このカスタマイズができる。（ハズ）


// タグページのパンくずリストカスタマイズ
function add_custom_script_for_tag_pages() {
  if (is_tag()) { // タグアーカイブページかどうかを確認
    ?>
    <script>
    document.addEventListener("DOMContentLoaded", function() {
       var breadcrumbItems = document.querySelectorAll('.breadcrumb-list__item'); 
       breadcrumbItems.forEach(function(item) {
         var nameElement = item.querySelector('[itemprop="name"]');
         if (nameElement && nameElement.textContent.includes('固定ページ')) {
             nameElement.textContent = 'TagKeyword';
          }
       });
    });
     </script>
     <?php
   }
}
add_action('wp_head', 'add_custom_script_for_tag_pages');