워드프레스 게시글을 처음 작성하면 아래처럼 글과 요약은 표시되지만, 썸네일이 표시되지 않는 경우가 있습니다. 이번 게시글은 워드프레스에서 작성한 게시글의 썸네일인 특성 이미지 사이즈 선택 및 추가 방법에 관해 설명합니다.
워드프레스 게시글 썸네일 추가 방법
글 작성 시 우측 설정 박스 상단에서 ‘글’을 선택해 줍니다. 글 목록 아래에 ‘특성 이미지’가 있는데 ‘특성 이미지 설정’을 누르고 썸네일에 사용될 이미지를 ‘파일 업로드’ 하거나 ‘미디어 라이브러리’에서 선택하면 됩니다. 보통은 썸네일 크기에 맞는 이미지를 생성 후 파일 업로드를 많이 합니다. 저의 경우 미리 캔버스를 이용하여 썸네일을 제작합니다.
워드프레스 게시글 썸네일 타깃 크기 설정하기
어떤 플랫폼의 유입을 원하는가에 따라 썸네일 타깃 크기가 달라집니다.
워드프레스 목록 표시를 타깃으로 할 경우 2:1로 선택하면 잘리지 않고 그대로 표시됩니다. 1200px X 630px의 경우 페이스북에 최적화되어있기도 하지만 카카오톡에서 공유해도 썸네일이 잘리지 않으며, 구글 디스커버에도 잘 표시될 수 있는 사이즈입니다.
저의 경우 이사양잡스님 추천에 따라 1600px X 800px로 미리 캔버스나 Photoscape X를 사용하여 썸네일을 제작합니다.
- 워드프레스: 1600px X 800px (2:1)
- 페이스북: 1200px X 630px (1.91:1)
- 카카오톡: 800px X 400px (2:1)
- 구글 디스커버: 최소 가로 사이즈 1200px
- 검색엔진(구글, 다음): 1:1
워드프레스 표시 썸네일 크게 변경하기 – Onepress
- 워드프레스 관리자 페이지 접속
- 외모 – ‘사용자 정의하기’ 클릭
- 추가CSS 클릭
- 아래 코드 입력 후 저장
- width는 가로 길이, height는 새로 길이 의미
- Cover는 찌그러지지 않고 잘려서 나오는 것을 의미함 object-fit 지우면 이미지가 크게에 맞게 찌그러짐
.wp-post-image {
width: 300px;
height: 150px;
object-fit: cover;
}