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

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

수정전

수정 후

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

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

#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/

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

티스토리 북클럽 스킨 편집-2 블로그 제목 사이즈 변경 (25)	2020.06.16
북크럽 스킨 편집-1 최상단 줄 삭제 (11)	2020.06.15
티스토리 수익형 블로그 기본 세팅법 (북클럽 Book Club 스킨) (36)	2020.06.14

microsoftstore