wp_get_attachment_image() | 이미지 출력하기

요약

wp_get_attachment_image( {이미지 아이디}, '{크기}', "{아이콘 여부}", '{추가정보}' )

이미지를 html 요소 포함하여 통채로 불러옵니다.
이미지 주소만 가져와야 할 경우 wp_get_attachment_image_url() 함수를 사용합니다,

{추가정보}

‘src’
(문자열) 이미지 첨부 파일 URL입니다.

‘class’
(문자열) CSS 클래스 이름 또는 공백으로 구분 된 클래스 목록. 기본값 , 요청되는 이미지 크기는 어디에 있습니까?attachment-$size_class size-$size_class$size_class

‘alt’
(문자열) alt 속성에 대한 이미지 설명입니다.

‘srcset’
(문자열) ‘srcset’ 속성 값입니다.

‘sizes’
(문자열) ‘sizes’ 속성 값입니다.

‘loading’
(string|false) ‘loading’ 속성 값입니다. false 값을 전달하면 이미지에 대한 속성이 생략됩니다. 기본값은 wp_lazy_loading_enabled()에 따라 늦게 출력됩니다.

기본값: ”

사용법

<?php echo wp_get_attachment_image( get_the_ID(), array('700', '600'), "", array( "class" => "img-responsive" ) );  ?>

클래스도 넣을 수 있어 유용하게 사용할 수 있습니다.

썸네일 출력방법

<?php if ($query->have_posts()) : ?>
    <?php while ($query->have_posts()) : $query->the_post(); ?>

    <!-- 썸네일 노출 -->
    <?php echo has_post_thumbnail() ?  the_post_thumbnail_url() : 'https://www.light-coding.com/thumbnail.png'; ?>

    <?php endwhile; ?>
                <?php wp_reset_postdata(); ?>

    <?php else : ?>
        <p><?php _e('리스트가 존재하지 않습니다'); ?></p>
<?php endif; ?>

해당 포스트에서 썸네일을 출력하는 방법입니다.

참조

• wp_get_attachment_image() | 기능 | 워드 프레스 개발자 리소스 (wordpress.org)