大阪のホームページ制作会社 株式会社TREVO
技術ブログ

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

2019.10.23.

WordPress

ACF

twitter Facebook Pocket LINE はてブ

株式会社TREVOの月額制ホームページ制作サービス
PR

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

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

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

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

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

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

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

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

<?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; ?>

大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。

twitter Facebook Pocket LINE はてブ
お見積もり