サポート » プラグイン » Advanced Custom Fields: Image Crop Add-onを使用したときに元画像リンクを表示

Advanced Custom Fields: Image Crop Add-onを使用したときに元画像リンクを表示

  • 解決済 misonya

    (@misonya)


    8年、 5ヶ月前

    Advanced Custom Fields: Image Crop Add-onを使用し、切抜きした画像は表示できたのですが、画像をクリックしたときは、切抜きする前の元画像のURLをaタグに表示させたいです。

    公式ページを見る限り『 “original_image”』を使用することで出来そうな気はするのですが、やり方がよくわかりません。

    使用しているバージョンは
    WordPress･･･4.3.1
    ACF･･･5.3.1
    Image Crop･･･1.4.6

    https://wordpress.org/plugins/acf-image-crop-add-on/

    <?php
$img1 = get_field('before_img');
$imgurl1 = wp_get_attachment_image_src($img1, 'full');
?>
<p id="PrfImg"><a href ="<?php echo $imgurl1[0]; ?>"><img src="<?php echo $imgurl1[0]; ?>"  /></a></p>

    ご教授いただけると助かります。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 misonya

    (@misonya)

    8年、 5ヶ月前

    自己解決しました。

    問題点は、返り値が画像IDになっていることが原因でした。
    返り値を『画像配列』に指定しなおし、以下のコードで切抜き前の画像URLと切り抜き後の画像URLを取得できました。
    まだIDと配列の区別がよくわかっていませんが、表示できて良かったです。

    <?php
    	$image = get_field( 'before_img' );
    	$url    = $image['original_image']['url'];
    	$size   = 'large';
    	$img    = $image['sizes'][ $size ];
?>
    <a href="<?php echo $url; ?>"><img src="<?php echo $img; ?>" /></a>

    同じ症状で悩まれている方の参考になればなと思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「Advanced Custom Fields: Image Crop Add-onを使用したときに元画像リンクを表示」には新たに返信することはできません。

トピックタグ

表示