티스토리 블로그 북클럽 스킨-썸네일 크기 변경

티스토리 북클럽스킨은 참 깔끔해서 좋다. 카테고리도 심플하게 볼수있고 반응형에다가 보기편한 화이트톤이다 하지만 몇가지 수정해야 블로그에 운영에 더 편의성을 가져올 수 있을 듯하다. 가장먼저 눈에 띄는건 썸네일 모양이다. 썸네일 모양이 책모양으로 되어있어 썸네일 만들기에 제한적이며 한눈에 보기에 깔끔해보이지는 않다. 정사각형바꿔 보다 편안한 모습을 만들어보자. 

북클럽 스킨 썸네일 사이즈 변경

1. 블로그 편집에서 스킨편집에 들어간다.

2 .북클럽스킨에서 리스트가 뉴북 리스트인지 확인하고 설정 적용한다. 

3. CSS를 편집한다. 

스킨편집-CSS로 들어가 CTRL+F 를눌러 검색을 한다. list-thumbnail 을 검색하여 여러개의 검색결과 중 다음이미지와 똑같은걸 찾는다. 

img라고 초록색으로 표신된 부분이다. width 126px ,  height auto로 되어있는걸 사진과 동일하게 150px로 변경한다. 그리고 꼭 적용 버튼을 눌러야한다. 정사각형으로 틀을 변경하였다. 이제는 안에 들어갈 사진비율을 변경하도록하자. 

4. HTML를 편집한다. 

마찬가지로  html 영역에서 찾기를 한뒤 C230x300을 검색한다. 위 사진과 동일한 내용을 찾은뒤 R200x200으로 변경한다.  R은 꼭 대문자로 변경하여야한다. 

이렇게하면 이미지도 강제로  200사이즈로 변경되어 들어간다. 이렇게하면 블로그에 북클럽 썸네일의 크기가 사이즈변경되었다. 보다 이쁜 모습을 갖춰지게 되었다.