CPTUIとACFで作った画像でサムネイル表示をクリックするとフルサイズで表示させるときの記述

CPTUIとACFで作った画像でサムネイル表示をクリックするとフルサイズで表示させるときの記述

<?php
    $attachment_id = get_field('sub_photo01');
    $size = "singleshinchikusubphoto-thumbnails"; // (thumbnail, medium, large, full or custom size)
    $image = wp_get_attachment_image_src( $attachment_id, $size );
    $attachment = get_post( get_field('sub_photo01') );
    $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
    $image_title = $attachment->post_title;
?>
<a href="<?php echo wp_get_attachment_url( get_field( 'sub_photo01',$post->ID) ); ?>"><img src="<?php echo $image[0]; ?>" width="<?php echo $image[1]; ?>" height="<?php echo $image[2]; ?>" alt="<?php echo $alt; ?>" title="<?php echo $image_title; ?>" /></a>
<a href="<?php echo wp_get_attachment_url( get_field( 'sub_photo01',$post->ID) ); ?>">

のように
aタグの部分をサムネイルの大きさではなく、古サイズで表示させるように書けばOKです!

ちなみに、以下のようにしてしまうと、クリックしてもサムネイルサイズのままの小さい画像が表示されてしまいます。。

<?php
    $attachment_id = get_field('sub_photo01');
    $size = "singleshinchikusubphoto-thumbnails"; // (thumbnail, medium, large, full or custom size)
    $image = wp_get_attachment_image_src( $attachment_id, $size );
    $attachment = get_post( get_field('sub_photo01') );
    $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
    $image_title = $attachment->post_title;
?>
<a href="<?php echo $image[0]; ?>"><img src="<?php echo $image[0]; ?>" width="<?php echo $image[1]; ?>" height="<?php echo $image[2]; ?>" alt="<?php echo $alt; ?>" title="<?php echo $image_title; ?>" /></a>

※下から2行目のリンク画像部分の記述が違います!

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP