티스토리 썸네일 크기 조정, 안짤리는법

 

 

 

티스토리 블로그를 북클럽 스킨으로 설정하고 글을 쓰면 홈 메뉴에 나오는 썸네일이 직사각형에 아래 사진 좌측처럼 위, 아래가 잘리는 경우가 생깁니다. 이를 오른쪽 사진처럼 변경하는 방법에 대해 알려 드리겠습니다.

 

참고로 아래 테스트용 썸네일은 미리캔버스에서 500 × 500 사이즈로 만들었습니다.

 

 

북클럽 스킨, 리스트 타입 뉴북으로 변경

 

블로그 관리 홈에서 스킨편집으로 이동하면, 스킨편집 아래로 리스트 항목이 나옵니다. 초기 설정은 북리뷰로 되어 있는데 이를 뉴북으로 변경해 주시기 바랍니다. 뉴북으로 변경 시 아래 사진 우측처럼 글내용이 좌측에 나오고 썸네일이 우측에 나오게 됩니다.

 

 

 

정사각형 썸네일 만들기

 

이제 스킨편집에 들어가 썸네일의 크기를 조절해 보겠습니다.

먼저 html 편집에 들어가셔서 화면에 커서를 놓고 찾기 단축기 Ctrl+F 를 실행해서 "thumbnail"을 치시면 400번 대에 아래와 같이 나옵니다. 우측으로 이동하셔서 C230 × 300을 300 × 300으로 변경해 주시기 바랍니다.

수정하시고 적용과 새로고침을 누르시면 썸네일이 정사각형으로 바뀐 것을 알 수 있습니다.

 

 

썸네일 사이즈 키우기

 

이번에는 썸네일의 사이즈를 조금 키워 보도록 하겠습니다. 다시 html 편집에 들어가서 CSS탭으로 이동 후 Ctrl+F를 누르시고 "126"을 입력하면 아래와 같이 2250번 대에 나타나게 됩니다. 이제 숫자 126 부분을 150으로 수정해 보겠습니다.

아래 2군데 모두 수정 완료하신 후에는 적용과 새로고침을 눌러 주시면 썸네일이 조금 커진 것을 알 수 있습니다.

 

 

 

이상으로 썸네일이 잘리지 않게 수정하는 방법에 대해 알려 드렸습니다.

 

필요하신 분은 적용해 보시고 도움이 되었으면 합니다.

 

티스토리 북클럽 관련글 썸네일 조정