カスタムフィールドで登録した画像とリンクを表示する

Question

###前提・実現したいこと
Custom fields templateを使用して
画像とそのリンク先を一組としてセットしています。
１セットしかないときと複数セットあるときがあります。

リンクと画像をセットで出力したいのですが、
1セットの時はできましたが、複数セットすると画像の出力がうまくできません。

よろしくお願いします。
不足情報などございましたら、ご指摘ください。

[情報]
type = fieldset_open
legend = 講師情報
multipul = true
multipleButton = true

[写真]
type = file

[リンク]
type = text
size = 50

[情報]
type = fieldset_close

###該当のソースコード

			<?php 
				$teacher_img = wp_get_attachment_image_src(post_custom('写真'),'full');
				$teacher_img_full = $teacher_img[0];
				$teacher_link = post_custom('リンク');
				$teacher_info = post_custom('情報');
				if(!empty($teacher_info)){
					if($teacher_info == 1){
						echo '<a href="'.$teacher_link.'" class="iframe">'.'<img src="'.$teacher_img_full.'" class="left"></a>';
					} else {
						for($i=0;$i<$teacher_info;$i++){
						echo '<a href="'.$teacher_link[$i].'" class="iframe">'.'<img src="'.$teacher_img_full[$i].'" class="left"></a>';
						}
					}
				}
			?>

###試したこと
画像の情報の取得が配列になっているところまではわかったのですが、繰り返しをしながらどう取り出せばいいのかわかりません。

Answer 1

こんな感じです。

<?php
$teacher_img_ids = post_custom('写真');
$teacher_link = post_custom('リンク');
$teacher_info = post_custom('情報');

// デバッグ用情報
?><pre><?php
var_dump($teacher_img_ids);
var_dump($teacher_link);
var_dump($teacher_info);
?></pre><?php

if(!empty($teacher_info)){
	for($i=0;$i<$teacher_info;$i++){
		$teacher_img = wp_get_attachment_image_src($teacher_img_ids[$i],'full');
		
// デバッグ用情報
?><pre><?php
var_dump($teacher_img);
?></pre><?php

		echo '<a href="'.$teacher_link[$i].'" class="iframe">'. '<img src="'. $teacher_img[0] .'" class="left"></a>';
	}
}
?>

コード理解の助けになるようにデバッグ用情報を表示するようにしてありますので、
その部分はいらなくなったら消してください。
var_dump()で変数の構造を出力して確かめるようにすると、コードが書きやすいですよ。

Comments

[raidomaru]

できました！ありがとうございます。
var_dump()便利ですね。配列で困ったら使ってみます。