워드프레스 썸네일 크기 조정

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

워드프레스의 카테고리나 블로그 리스트 페이지에 표시되는 특성 이미지(글 썸네일)의 크기를 조정하고 싶은 경우가 있을 수 있습니다. 특성 이미지를 표시하는 함수는 the_post_thumbnail()입니다. 이 함수는 반드시 Loop 내에서만 사용되어야 하고 포스트의 특성 이미지를 가져오려는 경우에는 get_the_post_thumbnail($id, $size, $attr )을 사용해야 합니다.

기본적인 이미지 크기는 “thumbnail”, “medium”, “large”, “full”이 있으며 이러한 크기는 워드프레스 관리자의 미디어 패널(설정 > 미디어)에서 구성 가능합니다.

다른 크기를 추가하여 사용하려면 다음과 비슷한 함수를 추가하면 됩니다.

function custom_thumbs()
{
add_image_size( 'thumb-small', 200, 200, true );
add_image_size( 'thumb-medium', 520, 9999 );
add_image_size( 'thumb-large', 720, 340 );
}
add_action( 'after_setup_theme', 'custom_thumbs' );
// Source: wordpress.org

이를 적용하려면 테마 템플릿 파일(예: content.php, category.php…)에 다음과 같은 형태로 추가할 수 있습니다.

<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'thumb-small' ); } ?>

예를 들어, 이 테마의 카테고리나 블로그 리스트에 표시되는 특성 이미지 크기가 약간 어중간하여 2개의 컬럼으로 글을 나열할 때에는 보기가 안 좋아집니다. 그래서 위의 add_image_size 함수를 사용하여 별도의 크기를 만들어 사용하여 컬럼의 크기에 맞게 조정할 수 있습니다.
2 Column layout in category in WordPress
현재 아카이브(index.php, category.php…)에 표시되는 썸네일 이미지를 조정하려면 이 방법을 통해 사용자 정의된 특성 이미지 크기를 사용할 수 있습니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.