티스토리 블로그 북클럽 스킨 대표이미지 섬네일 사이즈 변경하기

안희! 이거 뭔데. 열심히 글을 쓰고나니 이번엔 섬네일. 바로 작성한 글의 대표이미지가 말썽이다. 귀엽긴한데 매번 글이 이렇게 내가 의도하지않은 그림을 대표로 땋 보여주면 골치가 아플 것 같아 섬네일 사이즈를 바꾸기로 했다.

[01] 꾸미기 - 스킨 편집

우선 나는 북클럽이라는 기본 스킨을 현재 적용 중! 요 북클럽의 섬네일 크기를 바꾸려면 [블로그 관리] - [꾸미기] - [스킨 편집] - [리스트 타입] - [뉴북] 으로 전제 조건을 설정해둬야함.

 

이렇게 바꾸고 저장을 해주고 나면 가로로 길었던 섬네일 그림이 230x300픽셀의 긴 직사각형으로 바뀐다. 이제 이걸 나는 130x130 픽셀 크기로 설정해줄거다.

[02] HTML, CSS 코드 수정

지금까지도 별로 어려운 건 없었으나 한번만 더 고생하면 됌.스킨 HTML탭에서 CTRL+F 로 s_article_rep_thumbnail을 검색한 후 thumb/C230x300 👉 C230x230 으로 바꿔줬다. 정사각형 비율을 맞추기 위해서!

---

그다음은 CSS탭에서 list-type-thumbnail을 검색한 후 width: 130px, height: auto로 입력해주고 저장. 사이즈는 정해진 건 없고 취향에 따라 마음대로 입력하면 됨.

[03] 끝

저장하고 나와서 대표이미지를 바꿔주면 요렇게~ 잘리는 부분없이 깔끔한 정사각형의 이미지가 보인다.