04. 티스토리 블로그 북클럽 뉴북 썸네일 크기 변경

Contents

 

북클럽 뉴북 리스트 썸네일 모양 문제

티스토리 블로그에서 북 클럽(Book Club) 스킨을 사용하시는 분들은 모두 비슷한 고민이 있을겁니다.

 

보통 "뉴북"을 리스트 타입은 많이 사용하는데, 아래와 같이 책과 같이 세로로 길쭉한 썸네일을 보여줍니다.

이 모양이 일반적인 블로그와는 잘 어울리지 않는다는 겁니다.

 

북 클럽이라는 이름에 맞게 책 관련 포스팅을 하지 않기 때문에, 정사각형으로 수정하겠습니다.

HTML 수정

 

1. 스킨 편집으로 이동

"블로그관리 홈" 페이지에서 "꾸미기 - 스킨 편집"으로 이동합니다.

 

2. HTML 편집으로 이동

오른쪽 상단의 "html 편집" 버튼을 이용하여 수정 페이지로 이동합니다.

이동한 페이지에서는 "HTML | CSS | 파일업로드" 탭을 이용할 수 있습니다.

 

3. HTML 수정

검색 기능(Ctrl + F)를 이용하여 "s_article_rep_thumbnail" 코드를 찾습니다.

<s_article_rep_thumbnail> 바로 아랫줄에 "C230x300"이 보이실 겁니다. "C230x230"으로 수정합니다.

수정전 :

<s_article_rep_thumbnail>
	<img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/xZ9ys/btrMfOkO4DK/b0tY5y8UviFXAw1aEOmCk0/img.png" alt="">
</s_article_rep_thumbnail>

수정후 :

<s_article_rep_thumbnail>
	<img src="//i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/xZ9ys/btrMfOkO4DK/b0tY5y8UviFXAw1aEOmCk0/img.png" alt="">
</s_article_rep_thumbnail>

 

썸네일 모양 수정 결과

"HTML 편집"에서 숫자 하나만 수정해주었을 뿐인데, 원하던 대로 썸네일의 모양이 변경되었습니다.