워드프레스 GeneratePress 테마에서는 유료 버전을 사용하면 썸네일 크기를 지정할 수 있습니다. 썸네일 크기를 지정해도 설정된 썸네일 크기로 특성 이미지들이 블로그 페이지나 카테고리 페이지에 표시가 안 되는 경우가 있습니다. GeneratePress 테마에서 썸네일 크기 문제가 발생하는 경우 해결 방법에 대하여 살펴보겠습니다.
적당한 썸네일 크기를 설정하는 것이 사이트 속도 개선에도 도움이 될 수 있습니다. 만약 썸네일이 흐리게 표시된다면 블로그 페이지(최신 글 페이지)에 표시되는 이미지 크기의 2배수에 해당하는 썸네일 사이즈 설정을 정의하여 지정하면 선명한 썸네일이 표시될 수 있습니다.
워드프레스 GeneratePress 테마 썸네일 크기 문제
GeneratePress 유료 버전을 사용하는 경우 알림판 » 모양 » 사용자 정의 » Blog로 이동하여 Featured Images 섹션의 Archives 탭에서 썸네일 위치와 크기를 설정할 수 있습니다.
Media Attachment Size에서 생성된 썸네일 크기를 지정할 수 있고, Width와 Height에 구체적인 너비(폭)와 높이를 입력할 수 있습니다.
Media Attachment Size에서는 현재 워드프레스 사이트에서 선택 가능한 미디어 크기가 표시됩니다.
워드프레스 기본 썸네일 설정은 알림판 » 설정 » 미디어에서 확인이 가능하고 원하는 경우 크기 설정을 변경할 수 있습니다.
GeneratePress의 특성 이미지 설정에서 실제 썸네일 이미지 크기보다 너무 큰 이미지 크기 설정을 지정하면 블록 페이지(최신 글 페이지)와 아카이브 페이지에서 로드되는 썸네일 이미지들의 크기가 필요 이상으로 증가하여 페이지 로드 속도에 부정적인 영향을 미칠 수 있습니다.
잘못된 썸네일 크기 설정을 지정하면 블로그 페이지에서 썸네일이 원하는 크기로 표시가 안 될 수 있습니다.
이 블로그에서는 Media Attachment Size에 medium(중간 크기)을 선택했고 특성 이미지 폭과 높이는 300×150 크기로 설정했습니다. 중간 크기 썸네일이 300×300 크기이므로 중가 크기 썸네일의 일부가 잘려서 최신 글 페이지에 표시되고 있습니다.
정확한 썸네일 크기를 설정하고 싶은 경우 썸네일 재생성이 필요할 수 있습니다. 저는 오래 전부터 블로그를 운영해오다 보니 모든 썸네일을 재생성하는 것이 간단하지 않아서 현재처럼 설정하여 이용하고 있습니다.
정확한 썸네일 크기로 설정하고 싶은 경우
어떤 이유로 썸네일 크기가 제대로 표시되지 않는 경우가 있을 수 있습니다. 예를 들어, 특정 글의 특성 이미지가 이상하게 가로와 세로 비율(종횡비)이 다르게 표시되는 경우가 드물지만 있습니다.
이런 경우 썸네일 크기에 맞는 썸네일 크기를 정의하고 전체 썸네일을 새로 생성하면 문제가 해결됩니다.
1 예를 들어, 350×200 크기로 썸네일을 지정한다고 가정해보겠습니다. 이 경우 차일드 테마의 함수 파일에 다음과 같은 코드를 추가하여 새로운 썸네일 크기를 정의할 수 있습니다.
add_action( 'init', function() {
add_image_size( 'main-page-thumb', 350, 200, true );
} ); 만약 블록 페이지(최신글 페이지)와 카테고리/태그 페이지 등 아카이브 페이지에 표시되는 썸네일을 보다 선명하게 표시하고 싶은 경우에는 썸네일 크기를 2배수로 지정하는 것도 고려할 수 있습니다.
add_action( 'init', function() {
add_image_size( 'main-page-thumb', 700, 400, true );
} ); 이렇게 하면...
- 블로그 페이지에서 썸네일이 선명하게 표시됩니다.
- 하지만 이미지 크기가 두 배이기 때문에 이미지 파일 크기가 증가합니다.
장단점이 있으므로 둘 중 원하는 코드를 자식 테마의 함수 파일에 추가하시기 바랍니다. 자식 테마(차일드 테마)를 만들어 작업하지 않는 경우 추후 테마가 업데이트될 때 추가되거나 수정된 코드가 사라지게 됩니다.
2 위와 같은 코드를 추가했다면 다음 글에서 소개하는 썸네일 재생성 플러그인을 사용하여 썸네일을 다시 생성하도록 합니다.
혹시 모르니 만약의 사태에 대비하여 전체 사이트 백업을 한 후에 진행하면 조금 안심할 수 있습니다.
3 썸네일을 모두 다시 생성하였다면 알림판 » 모양 » 사용자 정의 » Blog에서 Media Attachment Size에서 새로 정의한 썸네일 크기(예: main-page-thumb)를 지정합니다.
이제 블로그 페이지와 아카이브 페이지에서 썸네일 크기가 제대로 표시될 것입니다.
물론 특성 이미지의 원래 크기가 블로그 설정에서 지정한 썸네일 크기보다 작다면 블로그 페이지에서 썸네일이 작게 표시될 것입니다.
GeneratePress 테마가 설치된 블로그에서 갑자기 썸네일 크기가 이상하게 표시되는 문제가 발생하는 경우 상기 방법으로 문제를 해결할 수 있을 것입니다. 위의 내용이 이해가 되지 않는 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.😄
GeneratePress는 현존하는 워드프레스 테마 중에서 속도가 가장 빠른 테마로 평가됩니다. 이 블로그에도 현재 GP 테마가 사용되고 있습니다. 무료 버전을 사용해도 되지만, 자유롭게 커스텀하고 싶은 경우 유료 버전을 고려할 수 있습니다. 자세한 정보는 제너레이트프레스 테마 홈페이지를 참고하세요.
댓글 남기기