워드프레스 썸네일 사진 크기 정하는 법 (One press 테마)

워드프레스를 시작하고 썸네일 사진 크기 때문에 고심하시는 분들이 있을 것으로 생각됩니다. 어떤 사진들은 잘리고, 사진 때문에 글 제목과 디스크립션이 작게 보일때도 있습니다. 이런 부분들을 함께 해결해 보도록 하겠습니다.



목차



워드프레스 썸네일 사진 크기 정하는 법

워드프레스 썸네일 사진 크기를 설정하기 위해서는 워드프레스 관리자 화면에서 1가지 작업이 필요합니다. 관리자 화면으로 들어가셔서 [외모]-[사용자 정의하기]-[추가 CSS]의 순서로 차례대로 선택합니다.

참고로는 워드프레스 One Press 테마를 이용하고 있습니다. 테마가 다르신 분들은 조금 상이할 수 있다는 점 미리 말씀드립니다.

추가 CSS에 이미 기존에 글자 폰트 크기나 이런 것들이 있어도 상관없습니다. 그 아래 빈 칸에 아래 코드를 붙여 넣으시면 됩니다. 여기서 원하시는 썸네일 사진을 너비와 높이를 정하실 수 있습니다.

저는 썸네일은 정사각형을 좋아해서 150px로 너비와 높이를 맞췄습니다. 아래 사진에서 위의 것이 150px로 맞춘 사진이고 그 아래 사진은 300px*150px으로 가로 너비 부분을 2배로 늘린 썸네일 사진입니다.

여러분은 어느 것이 마음에 드시나요?



1) 워드프레스 썸네일 사진 크기 정하는 코드

.wp-post-image {
width: 150px;
height: 150px;
object-fit: cover;
}

워드프레스 썸네일 사진크기 예



2) 워드프레스 썸네일 사진 크기 정할 때 주의사항

워드프레스 썸네일 사진 크기 정할 때 주의해야 할 사항이 2가지가 있습니다. 썸네일 사진 너비를 너무 크게 해 버리면 포스팅 제목과 디스크립션(서론) 부분을 위한 공간이 없게 됩니다.

그래서 포스팅 제목은 2줄으로 보이고 서론 부분도 줄이 늘어나면서 전체적으로 정돈된 느낌을 줄 수 없을 수 있으니 적당한 썸네일 사진 크기를 만드시기를 추천 드립니다.

그리고 위의 예시에서 아시다시피 사진이 짤릴수도 있다는 것입니다.

이미 선택되어진 썸네일 사진에서 크기가 조정되는 것이므로 저처럼 처음부터 정사각형 크기로 맞춘 것을 사진 너비를 넓힌다면 두번째 사진과 같이 짤려서 나올 수 밖에 없다는 것입니다.

썸네일 사진 만드실 때 캔바, 미리캔바스 등을 많이 이용하실 텐데 썸네일 사진 만드실 때 워드프레스 관리자 화면에서 설정한 썸네일 사진 크기대로 만드시는 것이 사진이 짤릴 일없이 원하시는 대로 만드는 방법일 것입니다.



3) 워드프레스 썸네일 사진 설정하는 법

이렇게 워드프레스에서 썸네일 사진 크기도 정하고, 편집 프로그램에서 썸네일도 정했는데, 어떻게 썸네일 사진을 설정하시는 지 알고 계셔야 합니다.

워드프레스 One press 테마에서 썸네일 사진 설정은 글 쓰는 부분으로 들어오시면 오른쪽에 메뉴가 보입니다. 크게 [글]과 [블록]으로 되어 있습니다.

여기에서 [글]을 선택하시고 스크롤해서 아래로 내려가시면 특성 이미지라는 것을 볼 수가 있습니다. 이게 바로 썸네일 사진 업로드할 수 있는 부분입니다.




오늘은 워드프레스 썸네일 사진 크기 정하는 법에 대하여 알아보았습니다. 워드프레스 시작하시고 한창 글을 열심히 쓰고 계실 것으로 생각됩니다.

좋은 썸네일도 방문자를 끌어드릴 수 있는 하나의 좋은 방법이니 사진 사이즈 잘 정하셔서 본인 워드프레스에 깔끔하고 정돈된 느낌을 주었음 합니다. 글 읽어 주셔서 감사합니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다