티스토리 블로그 북클럽 스킨 썸네일 모양, 크기 변경하는 방법

 

오늘은 티스토리 블로그에서 북클럽 스킨의 썸네일의 모양, 크기를 변경하는 방법에 대해 알아볼 것이다.

북클럽 스킨 중에서도 '뉴북' 리스트 타입에 해당하는 내용이다.

썸네일을 보면 기본 세팅에서는 직사각형 모양으로 나와서

글이나 사진들이 일부 잘리는 현상을 마주하게 된다.

---

정사각형 만들기

우선 스킨편집에서 html부분으로 들어와 준다.

사진에서처럼 <s_index_article_rep> 부분을 찾아준다.

Ctrl + f 를 통해 찾아도 되고,

왼쪽에 숫자를 보고 390번 주변에서 찾아보아도 된다.

개인적으로 후자의 방법이 더 편하다.

 

이제 여기서 395번에 있는 코드 중에서 C230x300 부분만 C200x200으로 바꿔주면 된다.

 

 

그럼 직사각형의 썸네일이 정사각형의 썸네일로 바뀌게 되고,

어디 하나 잘리는 부분이 없이 깔끔하게 썸네일이 나온다.

 

---

썸네일 크기 조절

썸네일을 정사각형으로 만드는 데까지 하는 것까지만 해도 되지만,

썸네일의 크기를 조금 더 크게 할 수도 있다.

스킨편집에서 이번엔 html이 아니라 CSS로 들어와 준다.

나는 2259번째에 있었는데 사람마다 다를 수도 있으니

2259번째 주변에서 저 코드와 같은 부분을 찾아준다.

찾았다면, 여기서 바꿀 부분은 두개이다.

 

기호에 맞게 width, height 부분을 변경해 주면 된다.

height가 원래는 auto인데 px단위로 바꿔준 것이다.

왼쪽에 새로고침 부분을 눌러 확인해 보면서 조절하길 바란다.

 

그럼 이렇게 크기가 커진 것을 확인할 수 있을 것이다.

 

근데 이게 안 좋은 점이 모바일 화면에서는 썸네일이 찌그러져서 나온다.

그래서 height는 그냥 auto로 놔두고, width 수치만 변경하면서

적합한 썸네일 크기를 설정하길 바란다.

 

썸네일 쉽게 만드는 방법이 궁금하다면 아래 링크를 참고 바란다.

초간단! 1분 만에 블로그 썸네일 만드는 방법 - Canva(캔바)

 

오늘은 여기까지.