[WA]Advanced Custom FieldsのRepeaterで1つ目の情報を取得する方法

WordPress

2018.08.13

Advanced Custom FieldsのアドオンであるThe Repeater Fieldに登録された画像の中で、1枚目の情報を取得して表示する方法のご紹介です。

Repeater Fieldで登録された画像の1枚目の情報を取得
1. 返り値が「画像ID」の時
2. 返り値が「画像URL」の時

Repeater Fieldで登録された画像の1枚目の情報を取得

The Repeater Fieldを使うと、情報を簡単に追加/削除できたり、ドラッグ＆ドロップで順番を入れ替えることができます。

特に画像をアップロードする場合は、1つ目（一番上）に登録されている情報を取得してアイキャッチ的に表示したい時があるかと思います。

返り値が「画像ID」の時

<?php
$acf_rows = get_field('repeaterのフィールド名');
$acf_first_row = $acf_rows[0];
$acf_first_row_image = $acf_first_row['サブフィールド名'];
echo wp_get_attachment_image($acf_first_row_image);?>
?>

<?php

$acf_rows = get_field('repeaterのフィールド名');

$acf_first_row = $acf_rows[0];

$acf_first_row_image = $acf_first_row['サブフィールド名'];

echo wp_get_attachment_image($acf_first_row_image);?>

返り値が「画像URL」の時

<?php
$acf_rows = get_field('repeaterのフィールド名');
$acf_first_row = $acf_rows[0];
$acf_first_row_image = $acf_first_row['サブフィールド名'];
echo $acf_first_row_image;
?>

<?php

$acf_rows = get_field('repeaterのフィールド名');

$acf_first_row = $acf_rows[0];

$acf_first_row_image = $acf_first_row['サブフィールド名'];

echo $acf_first_row_image;