技術ブログ
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マーケティングなどのサービスをご紹介しています。