티스토리 스킨 편집 기초 -3 대표이미지 수정 (크기 조절)

 

티스토리 대표 이미지 수정

#티스토리 대표이미지 수정

  수정전

수정 후

  우선 수정전을 보면 기껏 정사각형으로 만든 썸네일이 직사각형으로 다 잘려서 나온다. 그래서 이걸 깨끗하게 다 보여주고 싶다는 생각이 들게 된다. 그럼 내용을 좀 더 확실히 전달할 수 있으면 보는 사람도 보기가 좋다.

 

  그럼 대표 이미지 사이즈 수정을 알아보겠다. 

 

 

HTML, CSS 수정

#HTML, CSS 수정

 

블로그 관리자 페이지 -> 꾸미기 -> 스킨편집 -> html 편집

 

CSS

2259번 .list-type-thumbnail .post-item .thum img { 을 찾자

* +-10 정도의 오차가 있을 수가 있다

그 후 2259번은 대표이미지를 의미하고

아래에 넓이와 높이를 제 설정 해보자

 

 

- 기본 설정

width: 126px;
height: auto;

 

- 변경 후

width: 160px; 
height: 160px;

직사각형이 정사각형으로 바뀐 것을 알 수 있다

 

하지만 여전히 썸네일이 잘리는데 이것 또한 편집하여 보자

 

이번에는 HTML로 가서 394번을 찾아보자

 

 

-기본 설정

/C 230x300/

 

-변경 후

/R200x200/

 

 이렇게 변경 후에는 보는 사람들에게도 깔끔한 이미지를 심어 줄 수 있겠죠?!

 

관련 글

북클럽 스킨 편집-1 최상단 줄 삭제

티스토리 북클럽 스킨 편집-2 블로그 제목 사이즈 변경

티스토리 수익형 블로그 기본 세팅법 (북클럽 Book Club 스킨)

네이버 데이터 랩 사용 가이드

티스토리 애드센스 광고 삽입 법 자세한 설명과 팁