Advanced Custom Fields サブフィールドの画像を表示するには？

Question

Wordpressでプラグイン「Advanced Custom Fields」を使って「繰り返しフィールド」設定をしています。

フィールドタイプ「「繰り返しフィールド」」→サブフィールドにて、フィールドタイプを「画像」に選択しました。

フィールドタイプ「テキスト」と同じように以下にしてみたところ、他のテキストは表示されたのに画像はうまくいきません。

<p class="cast-image">
  <?php the_sub_field('cast-title'); ?>
</p>

こちらを参考にしてみたんですが、

Advanced Custom FieldsのアドオンThe Repeater Field(繰り返しフィールド)の使い方と出力方法

理解不足で、サイトに適応できません。

Answer 1

<?php the_sub_field('cast-title'); ?>

で、帰ってくるのは、サブフィールドを作成した際に設定した「返り値」の内容です。

デフォルトでは、オブジェクトで帰ってきますので、画像フィールドを表示する場合は、the_sub_field() のサンプルプログラムにあるように一度変数で受けてから、オブジェクトのキーを指定して取り出します。

具体的には、

$image = get_sub_field('image');
echo $image['url'];
echo wp_get_attachment_image( $image['ID'], 'full' );

のようになります。

なお、参考にされた Advanced Custom FieldsのアドオンThe Repeater Field(繰り返しフィールド)の使い方と出力方法 でも画像を取り出す際は、

$t_img = get_sub_field('travel-img');

の後に

echo $t_img['url];

や

echo $t_img['alt];

で、画像の情報を表示しています。

Comments

[web_hoshi]

CHERRYさん
ご教授いただきありがとうございました！
CHERRYさんの説明でやっと理解に至りましたm(__)m
「繰り返しフィールド」の「返り値のフォーマット」の意味もこれでわかりました。
画像も無事に出力できました。
ありがとうございました！！