ワードプレスにて タクソノミーの親子関係の階層を維持したリストを カスタムフィールドで登録したアイキャッチ画像も含めて表示させたいが、画像のみうまく表示されない。

Question

前提・実現したいこと

ワードプレスにて
タクソノミーの親子関係の階層を維持したリストを
カスタムフィールドで登録したアイキャッチ画像も含めて表示させたいです。

下記のように表示させたいです。

<ul>
  <li>
    親タームA
    <ul class="children">
      <li>子タームA-1　説明文　アイキャッチ画像</li>
      <li>子タームA-2　説明文　アイキャッチ画像</li>
      <li>子タームA-3　説明文　アイキャッチ画像</li>
  </li>
  <li>
    親タームB
    <ul class="children">
      <li>子タームB-１　説明文　アイキャッチ画像</li>
      <li>子タームB-2<　説明文　アイキャッチ画像/li>
  </li>
</ul>

該当のソースコード

<?php
//投稿タイプ　item
//タクソノミースラッグ　item_cate
//画像のカスタムフィールド名 cate-img
?>

		<?php 
			$my_tax = 'item_cate';  //取得したいタクソノミー名
			$parent_terms = get_terms( $my_tax, array('hide_empty' => false, 'parent' => 0) );  //第一階層のタームだけ取得
			if ( !empty( $parent_terms ) ) :
				echo '<ul>';

				//第1ループ
				foreach ( $parent_terms as $pt ) : 
				$pt_id = $pt->term_id;
				$pt_name = $pt->name;
				$pt_url = get_term_link($pt);

				echo '<h2 class="subtit">' .$pt_name. '</h2>';

		?>

		<?php 
				$child_terms = get_terms( $my_tax, array('hide_empty' => false, 'parent' => $pt_id) );
				if ( !empty( $child_terms ) ) :
					echo '<ul class="child">';

				//第2ループ
				foreach ( $child_terms as $ct ) : 
				$ct_id = $ct->term_id;
				$ct_name = $ct->name;
				$ct_url = get_term_link($ct);
				$ct_descripition =$ct->description;

				$term_idsp = 'item_cate_'.$ct_id ; //カスタムフィールドを取得するのに必要なtermのIDは「taxonomyname_ + termID」
				$photo = get_field('cate-img',$term_idsp);
				$photosp = wp_get_attachment_image_src($photo, 'full');
		?>
				<li>
					<a href="<?php echo $ct_url; ?>"><?php echo $ct_name; ?></a>
					<img src="<?php echo $photosp[0]; ?>" alt="">
					<?php echo '<div class="setsumei">'.nl2br($ct_descripition).'</div>'; ?>

				</li>
		<?php
				endforeach;  //End : 第２ループ
					echo '</ul>';
				endif;
		?>
				</li>
		<?php
				endforeach;  //End : 第1ループ
					echo '</ul>';
				endif;
		?>

試したこと

上記コードでは、画像のみ表示されません。
ブラウザでみると画像の部分が
<img src="unknown" alt="">
とはきだされています。
昨日から何時間も調べたり、していますが
お手上げ状態です。
どうか詳しい方、ご教授いただけなけないでしょうか？
宜しくお願い致します。

Comments

[m.ts10806]

タグ「Word」になってます。
またコードはマークダウンのcode機能を利用してご提示ください

[rirakumama]

すみません、ご指摘ありがとうございます。
修正致しました。

Answer 1

$photo = get_field('cate-img',$term_idsp);
$photosp = wp_get_attachment_image_src($photo, 'full');

get_field() をお使いなので、Advanced Custom Fields をお使いと思いますが、カスタムフィールドの設定はどうなっていますか？
具体的には、Return Format の設定は正しいでしょうか？
Image type を見ると記載がありますが、ID , URL, Array のどれに設定されていますか？

質問のコードは、wp_get_attachment_image_src を使っていますが、この関数は、ID が与えられることを期待しているようですが、ID 以外を与えると質問に記載されている内容になると思われます。

Comments

[rirakumama]

すみません、情報不足で、
ご指摘の通り、Advanced Custom Fieldsを使用しています。
確認しましたが、画像の返り値のフォーマットは画像 IDにチェックがはいっております。

[CHERRY]

では、デバッグして原因を探す必要がありますね。

変数 $photoと $photosp には、何が入っていますか？
正しい値が取れていますか？

[rirakumama]

ご回答ありがとうございます。

echo '$term_idspは'.$term_idsp.'<br>';
echo '$photoは'.$photo.'<br>';
echo '$photospは'.$photosp;
とやってみたところ
$term_idspはitem_cate_19
$photoは
$photospは
と表示されました。
$term_idspはちゃんと値がとれてるみたいですが、
変数 $photoと $photosp にはなにもはいってないということになるんでしょうか。。。

[CHERRY]

投稿のループ内かと思っていたのですが、ループの外であれば、https://www.advancedcustomfields.com/resources/get_field/ にあるように 第二パラメータに post_id の指定が必要ですね。

[rirakumama]

ありがとうございます！
表示できました！

すぐ回答をわかりやすくださって、感謝です。
本当にありがとうございました！