繰り返しフィールドでもOK！ACFで画像サイズを指定して出力するコード

ACFで画像サイズを指定して表示するコードリストです。
function.phpにメディアサイズを追加するコードも入れています。

2022年12月14日に更新しました。
PHP8以降でエラーが出るため更新しました。
Advanced Custom Fieldの公式ページから引用しております。
https://www.advancedcustomfields.com/resources/image/

function.phpに画像サイズを追加するコード

add_image_size( $name, $width, $height, $crop );

例：
フィールド名:○○○
true:トリミングする
false:トリミングしない

add_image_size('○○○', 150, 150, true);

画像の出力

<?php 
$image = get_field('image');
if( !empty( $image ) ): ?>
    <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
<?php endif; ?>

画像サイズを指定して出力

フィールド名:○○○
サイズ：△△△

<?php
$image = get_field('○○○');
if( $image ):
    // Image variables.
    $url = $image['url'];
    $title = $image['title'];
    $alt = $image['alt'];
    // Thumbnail size attributes.
    $size = '△△△';
    $thumb = $image['sizes'][ $size ];
?>
    <a href="<?php echo esc_url($url); ?>" title="<?php echo esc_attr($title); ?>">
        <img src="<?php echo esc_url($thumb); ?>" alt="<?php echo esc_attr($alt); ?>" />
    </a>
<?php endif; ?>

画像サイズを指定して出力（キャプション有）

ACFの「返り値のフォーマット」で「画像　配列」を選択

フィールド名:○○○
サイズ：△△△

<?php
$image = get_field('○○○');
if( $image ):

    // Image variables.
    $url = $image['url'];
    $title = $image['title'];
    $alt = $image['alt'];
    $caption = $image['caption'];

    // Thumbnail size attributes.
    $size = '△△△';
    $thumb = $image['sizes'][ $size ];
    $width = $image['sizes'][ $size . '-width' ];
    $height = $image['sizes'][ $size . '-height' ];

    // Begin caption wrap.
    if( $caption ): ?>
        <div class="wp-caption">
    <?php endif; ?>

    <a href="<?php echo esc_url($url); ?>" title="<?php echo esc_attr($title); ?>">
        <img src="<?php echo esc_url($thumb); ?>" alt="<?php echo esc_attr($alt); ?>" />
    </a>

    <?php 
    // End caption wrap.
    if( $caption ): ?>
        <p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
        </div>
    <?php endif; ?>
<?php endif; ?>

繰り返しフィールドで画像サイズを指定

ACFの繰り返しフィールドで画像サイズを指定して表示出来るようになります。

フィールド名:○○○
サイズ：△△△

<?php
$image = get_sub_field('image');
if( $image ):
    // Image variables.
    $url = $image['url'];
    $title = $image['title'];
    $alt = $image['alt'];
    // Thumbnail size attributes.
    $size = 'thumbnail';
    $thumb = $image['sizes'][ $size ];
?>
    <a href="<?php echo esc_url($url); ?>" title="<?php echo esc_attr($title); ?>">
        <img src="<?php echo esc_url($thumb); ?>" alt="<?php echo esc_attr($alt); ?>" />
    </a>
<?php endif; ?>