• 電話
  • お問い合わせ
  • アクセスマップ

TREVOのスタッフブログ

Blog
2019.10.23.

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

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

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

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

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

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

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

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

<?php
$img=get_field('○○○');
$alt= $img['alt'];
$size = '△△△'; // (thumbnail, medium, large, full もしくは追加したサイズ)
$thumb = $img['sizes'][ $size ];
if ($img): ?>
<img src="<?php echo $thumb; ?>" alt="<?php echo $alt ?>">
<?php endif; ?>

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

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

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

<?php
$img=get_sub_field('○○○');
$alt= $img['alt'];
$size = 'medium'; // (thumbnail, medium, large, full もしくは追加したサイズ)
$thumb = $img['sizes'][ $size ];
if ($img): ?>
<img src="<?php echo $thumb; ?>" alt="<?php echo $alt ?>">
<?php endif; ?>