get_category_parents()のループについて

Question

WordPressのパンくずを作成しています。
複数のカテゴリに登録しているため、get_category_parents（）で出力してるのですが、liタグを含めてループでタグを含めさせたいのですがうまくいきません。どこがおかしいのでしょうか？
よろしくお願い致します。

※やりたいこと
<nav class="breadcrumbs">
　<ul class="breadcrumbs-list">
　　<li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
　　　<a href="/">Home</a>
　　</li>
　　<li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
　　　<span itemprop="title">カテゴリA</span>
　　</li>
　　<li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
　　　<span itemprop="title">カテゴリB</span>
　　</li>
　　<li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
　　　<span itemprop="title">記事名</span>
　　</li>
　</ul>
</nav>

<?php
      echo '<nav class="breadcrumbs">';

      function ul_loop(){
        echo '<ul class="breadcrumbs-list">
          <li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
              <a href="/">Home</a>
          </li>';
      }
      if(is_page()){
        //記事中のすべてのカテゴリを取得
        $categories = get_the_category();
        //カテゴリがある場合の実行
        if ( $categories ) {
        //カテゴリの数だけ繰り返す
          foreach( $categories as $category ) {
            //カテゴリを親まで辿って表示
            ul_loop();
            echo '
            <li class="breadcrumbs-list__item" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
              <span itemprop="title">;
            echo get_category_parents($category->cat_ID, true, '').get_the_title().'</span></li></ul>';
          }
        }
      }
      echo '</nav>';
    ?>

Answer 1

ブラウザの開発コンソールでどのようなHTMLが出力されているか確認してみてください。
正しく

<ul>
    <li>……</li>
    <li>……</li>
    …省略…
</ul>

という書式通り出力されているでしょうか。リストが正しく表記されない場合、タグの書式がおかしいケースが多いです。

また変数$categoryに対して、
undefined xxxx
といったようなエラーメッセージが代入されていないでしょうか。その場合出力文字列のエスケープがされないことでタグ表示が崩れることが多々あります。

Comments

[退会済みユーザー]

$categoryを他のところで指定していたので、一旦コメントアウトして試しました。

echo get_category_parents($category->cat_ID, true, '').get_the_title()
だけで出力するとaタグで囲まれたカテゴリが出力されるのですが、
前後の行にecho '<li>';などと書くと、
<li>
　<a href="#">hoge</a>
　<a href="#">foo</a>
</li>
となってしまいます。やりたいこととしてはaタグ1つ1つをliタグで囲みたいのですがなかなか方法が思いつきません。

[FKM]

だったら、aタグを形成する関数があるはずですから、そこの引数に、<li>タグの内側も代入すればいいんじゃないでしょうか。調べてみたら下の関数がそれですね。
*テンプレートタグ/get_category_parents
https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_category_parents
を確認したところ、第一引数がタグを生成させる値になっていますので、そこに<li>タグも含めて代入します。第2引数の`true`はリンクにするかどうかの判定なのでそのままにしておいてください。

[退会済みユーザー]

>第一引数がタグを生成させる値になっていますので、
get_category_parents();の第一引数はカテゴリー IDではないですか？

[FKM]

そうでした。ならば、追って新たに変数を入れる枠を作ってみるなどのカスタマイズも考慮に入れる必要があるかも知れません。

get_category_parent()関数の中には<a>タグを生成するget_term_parents_list関数があるので、そこを少し改良するといけそうではありますね。

[退会済みユーザー]

あーなるほど、そういう風に読み解いていけば良いんですね！