반응형
티스토리 썸네일을 만드셨는데 막상 썸네일을 올리면 미리 보기 화면에서 정사각형으로 나오지 않을 것입니다. 글의 퀄리티나 기능상으로는 정사각형이 아니라고 해서 문제는 없습니다. 하지만 조금이라도 내 블로그가 이뻐 보이기 위해서 정사각형으로 바꾸는 것도 좋습니다.
순서
- 티스토리 스킨편집 들어가기
- 스킨편집하기
- HTML 편집
1. 티스토리 스킨편집 들어가기
우선 티스토리 스킨편집으로 들어가 봅니다.
2. 스킨편집하기
스킨편집 오른쪽하단을 보시면 '리스트'라는 항목이 있습니다. 북스킨을 기준으로 설명을 드리면 리스트의 타입이 '북리뷰'로 되어 있을 것입니다. 이를 '뉴북'으로 수정해 주시기 바랍니다.
3. HTML 편집
'리스트 타입'을 뉴북으로 바꾼 후에는 HTML에 들어가서 썸네일의 크기를 정사각형으로 바꾸어주어야 합니다.
스킨편집 창에 서 오른쪽 상단에 위치한 'HTML편집'을 눌러줍니다. 여기서 Ctrl+F를 눌러 S_article_rep_thumbnail을 찾아봅니다. 여기서 썸네일의 크기가 230x300으로 되어 있을 텐데, 이것을 230x230으로 바꾸어주면 됩니다. 이후 적용 버튼을 눌러주시기 바랍니다.
그러면 다음의 사진처럼 썸네일이 직사각형에서 정사각형으로 변경이 된 것을 확인할 수 있을 것입니다.
마무리
너무나도 간단한 방법으로 썸네일을 직사각형에서 정사각형으로 바꾸는 방법을 알아봤습니다. 앞으로 여러분들도 블로그 썸네일을 이쁘게 만들어보시기 바랍니다.
