워드프레스 카테고리 썸네일

워드프레스 썸네일 이미지(특성 이미지) URL 주소

워드프레스의 홈페이지나 카테고리 페이지에서 특성 이미지를 클릭하면 보통 글(Post) 본문으로 연결됩니다. 특성 이미지(썸네일 이미지)의 URL 주소를 활용하면 해당 이미지를 클릭할 때 글 본문으로 들어가는 대신 라이트박스 형태나 팝업 형태로 특성 이미지를 여는 것이 가능합니다. 다음과 같은 코드로 전면 페이지나 카테고리 페이지 등 원하는 아카이브 페이지에서 썸네일을 라이트박스 형태로 활용이 가능합니다.

<?php $thumbimage = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); ?>
<a href="<?php echo $thumbimage[0]; ?>" rel="lightbox">
<?php the_post_thumbnail('excerpt-thumbnail'); ?></a>

라이트박스 플러그인에 따라 rel=”lightbox” 형태로 코드를 삽입하거나 경우에 따라서는 이미지 링크만 있으면 자동으로 라이트박스 형태로 실행될 것입니다.

그리고 특성 이미지(썸네일 이미지)의 크기 조정은 이 글을 참고하여 정의하고 위의 코드에서 ‘large’, ‘excerpt-thumbnail’ 대신 사용할 수 있습니다.

가령 아래와 같이 카테고리 레이아웃을 만든 경우 위의 코드를 이용하여 썸네일 이미지를 클릭하면 라이트박스 형태로 실행할 수 있습니다.
워드프레스 카테고리 썸네일
카테고리 페이지를 갤러리 레이아웃으로 바꾸고 싶은 경우 이 방법을 이용할 수 있습니다.

참고

떠나시기 전에 아무 댓글(Comments)이라도 남겨두세요.
기부를 통해 이 블로그의 운영을 후원하실 수 있습니다.