ワードプレス

Advanced Custom Fields で画像のalt文を出力する方法

Advanced Custom Fields で画像のalt文を出力するには、カスタムフィールドの返り値を「画像ID」または「画像オブジェクト」にしておかないといけない。

返り値が画像オブジェクトのときの画像とalt文の出力方法

<?php
$image = get_field('image'); //フィールド名はimage
 
if(!empty($image)){
    $url = $image['url']; //画像のURLを変数$urlに代入
    $alt = $image['alt']; //画像のaltを変数$altに代入
?>
 
<img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">

<?php } ?>

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA