wordpressのパンくずリストの親カテゴリのpositionを子カテゴリより先の数字にしたい

Question

前提・実現したいこと

パンくずリストをプラグインを使わず自作したんですが、positionが下記のように親カテゴリが３で子カテゴリが２になってしまうので、親カテゴリを２に子カテゴリを３にしたいです。

<li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
  <a itemprop="item" href="http://example.com/category/parent/">
    <span itemprop="name">親カテゴリ</span>
    <meta itemprop="position" content="3" />
  </a>
</li>
<li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
  <a itemprop="item" href="http://example.com/category/parent/child/">
    <span itemprop="name">子カテゴリ</span>
    <meta itemprop="position" content="2" />
  </a>
</li>
            

該当のソースコード

function breadcrumb() {
  $position = 2;
  
  $home = '
    <li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
      <a itemprop="item" href="'.get_bloginfo('url').'" >
        <span itemprop="name">ホーム</span>
      </a>
      <meta itemprop="position" content="1" />
    </li>'
  ;
  
  echo '<ul class="breadcrumbs" itemscope itemtype="//schema.org/BreadcrumbList">';
    
  if ( is_front_page() ) {
    
  } else if ( is_single() ) {
   
    $cat = get_the_category();
      if( isset($cat[0]->cat_ID) ) $cat_id = $cat[0]->cat_ID;
      $cat_list = array();
      while ($cat_id != 0){
        $cat = get_category( $cat_id );
        $cat_link = get_category_link( $cat_id );
        array_unshift(
          $cat_list, '
            <li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
              <a itemprop="item" href="'.$cat_link.'">
                <span itemprop="name">'.$cat->name.'</span>
                <meta itemprop="position" content="' . $position ++ . '" />
              </a>
            </li>' 
        );
        $cat_id = $cat->parent;
      }
      echo $home;
      foreach($cat_list as $value){
        echo $value;
      }
    the_title('
      <li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
        <span itemprop="name">', '</span>
        <meta itemprop="position" content="' . $position ++ . '" />
      </li>'
    );
  } 
    echo "  </ul>";
}

試したこと

順番を入れ替えるのに、array_reverse() を使いましたが、親カテゴリが消えてしまったり、ただ順番が入れ替わっただけで番号はそのままでした。
その他にも検索してみましたが、該当しそうなものを見つけることができませんでした。

Answer 1

１つ目のループではデータだけ格納して、2つ目のループでhtmlとpositionを書き出すようにすれば良いかと思います。

		while ($cat_id != 0){
			$cat = get_category( $cat_id );
			$cat_link = get_category_link( $cat_id );
			array_unshift($cat_list, ['link'=>$cat_link, 'name'=>$cat->name]);
			$cat_id = $cat->parent;
		}
		echo $home;
		foreach($cat_list as $value){
			echo '
            <li itemprop="itemListElement" itemscope itemtype="//schema.org/ListItem">
              <a itemprop="item" href="'.$value['link'].'">
                <span itemprop="name">'.$value['name'].'</span>
                <meta itemprop="position" content="' . $position ++ . '" />
              </a>
            </li>';
		}
		the_title('

Comments

[huu]

回答して頂いていたのに、遅くなって申し訳ないです。
教えて頂いた方法で解決しました。ありがとうございます。
非常に助かりました。