COWAZA

• WordPress

• 2020.05.08

ACF Advanced Custom Fieldsで画像を繰り返しフィールドで設定する

WordPressのプラグイン「Advanced Custom Fields」複雑なカスタムフィールドを簡単に設定できる便利なプラグインです。

Advanced Custom Fieldsで画像を設定、表示したい

$img = get_field('フィールド名');
$img = wp_get_attachment_image_src($img,'full');

まず、Advanced Custom Fieldsでフィールドタイプを画像、
フォーマットを画像IDに設定したフィールド名をget_fieldで$imgに入れます。

wp_get_attachment_image_srcで画像の各種データを取得する

$imgをwp_get_attachment_image_srcします。
wp_get_attachment_image_srcは画像ファイルの”url”、”width”、”height”属性を配列として返す関数です。

wp_get_attachment_image_src($img,'full');

$imgには、画像IDが入っています。
fullは、画像の大きさです。(thumbnail, medium, large, full)

$imgに入っているものは

$imgの配列に入っているものは以下の通りです。

$img[0] => url
$img[1] => width
$img[2] => height
$img[3] => 真偽値: リサイズされいている場合は true、元のサイズの場合は false

サンプルPHP

<img src="<?php echo $img[0]; ?>" width="<?php echo $img[1]; ?>" height="<?php echo $img[2]; ?>">

リファレンス

関数リファレンス/wp get attachment image src

リンク

Advanced Custom Fields