티스토리 대표이미지 잘보이는 크기, 수정방법

• 목차
• 1 대표이미지 현재상황
• 2 해결방법(HTML, CSS 수정)
• 3 수정 완료

 

 

 

안녕하세요 두부김치입니다!

오늘은 티스토리를 시작한 지 얼마 되지 않은 저 같은 초보 분들이 많이 겪으시는 , 대표이미지 크기에 대해서 잘 보이는 크기 및 크기 수정방법에 대해서 알려 드릴게요.

 

 

 

 

1. 대표이미지 현재 상황

 

 

저도 포스팅을 하다 보면, 대표이미지를 설정해야 하는데 막상 설정하고 검색을 하면 아래와 같이 민망한 수준으로 썸네일이 만들어져 있습니다. 

이것저것 조절도 해보고,  검색도 해보고 몇 번의 노력을 해봤는데, 오늘에서 드디어 해결방법을 찾았네요.

대표이미지 현 상황

 

 

2. 해결 방법(HTML, CSS 수정하기)

 

음.. 해결하는 방법은 항상 그랬듯이 HTML과 CSS를 수정해야 됩니다. 

자, 그럼 친해지고 싶어도 친해지기 어려운 HTML, CSS를 수정하려면, 스킨편집 메뉴의 HTML로 들어가 주세요

 

 

HTML

1) HTML에서 Ctrl + F를 누르신 후, 아래 부분을 찾아 주세요.

2) c230 x 300 이 부분을 R 200 x 200으로 수정해 주세요

html 수정

 

CSS

1) 위와 마찬가지로 CSS에서 Ctrl + F 누르고, 아래 부분을 찾아주세요

2) 검색하시면 많은 내용이 나오니, 'thumbnail'로 검색하시면, 그나마 아래 부분을 찾기가 쉬워집니다.

3) 찾으신 후에, 아래 밑줄 친 부분을 각각 180px로 설정해 주세요.

css 수정

3. 수정 완료

 

위에 내용 완료하시면 아래와 같이 보기 좋게 수정되었습니다. 

 

보는 제눈이 맑아진 느낌입니다.

 

수정완료!!!

 

오늘은 티스토리 대표이미지를 잘보이게 하는 크기 및 수정 방법 공유 드렸습니다.

 

저도 아직 초보이다 보니, 직접 해보고 확실한 내용만 포스팅하게 됩니다. 

 

저처럼 대표이미지 적용이 잘 안 되시는 분들은 참고하셔서 수정하시길 바랍니다.