WPのフィールドループ処理

Question

###前提・実現したいこと
初心者ながらワードプレスでテンプレートを作成中です。PHPはかじり始めでほぼ知識がないです。
詳しい方に質問したいのですが、周りにおらず投稿します。何卒よろしくお願いいたします。

<?php
$cast_fields = get_post_custom();  //カスタムフィールドを全部取得
$cast_screens = json_decode($cast_fields['_krc_cast_screens'][0]);   //画像配列を用意
$cast_type_terms = get_the_terms($post->ID, 'krc_type');  //タイプタクソノミーを取得
$cast_grade_terms = get_the_terms($post->ID, 'krc_grade');  //グレードタクソノミーを取得
$cast_new_terms = get_the_terms($post->ID, 'krc_new');  //新人区分タクソノミーを取得
?>

上記のように設定されている画像配列から

<?PHP echo esc_url($cast_screens[0]); ?>

これで一枚目の登録画像urlが表示できてます。

下記のリストを、登録した画像枚数だけ(投稿ごとに枚数に変動あり)が表示されるようにループ処理したいのですが、どなたか正しい書き方を教えていただけないでしょうか？

<ul class="thumb-cast">
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[0]); ?>" width="396"></a></li>
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[1]); ?>" width="396"></a></li>
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[2]); ?>" width="396"></a></li>
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[3]); ?>" width="396"></a></li>
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[4]); ?>" width="396"></a></li>
     <li><a href="#"><img src="<?PHP echo esc_url($cast_screens[5]); ?>" width="396"></a></li>
</ul>

何卒よろしくお願いいたします。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[mmmaaasuu]

ご指摘ありがとうございます。コードブロック化致しました。よろしくお願いいたします。

Answer 1

【PHP – 配列をループする際に使えるforeach | ザ サイベース】
http://thesaibase.com/php/foreach

foreach を使えばよいです。

Comments

[mmmaaasuu]

ありがとうございます！
```
<?PHP foreach( $cast_screens as $val ) {
echo $val;
} ?>
```
アドバイスから調べて、これで画像urlは取得できたのですが
<li></li>に組み込むとエラーになりググりながら修正してるんですが解消されず。
```
<ul class="thumb-cast">
<?PHP foreach( $cast_screens as $val ) {
echo("<li><img src="\$val\" width="396"></li>");
} ?>
</ul>
```
printfで書いたりもしましたがうまくいかず、アドバイスいただけないでしょうか？よろしくお願いいたします。

[kei344]

echo '<li><img src="'.$val.'" width="396"></li>';
でどうでしょう。
echo "<li><img src=\"$val\" width=\"396\"></li>";
こっちでも可。（提示のコードはエスケープが足りない＆してある箇所もずれてしまっている）

[mmmaaasuu]

ありがとうございます！
無事表示され、想定していたことができました。本当に助かりました！