본문 바로가기
IT/인터넷

티스토리 썸네일 정사각형으로 변경하기 (북클럽 스킨, 리스트 뉴북)

by ITproblem 2025. 9. 13.
반응형

 

 

 


티스토리 썸네일을 정사각형으로 변경하는 방법입니다.

 

스킨 및 리스트 확인하는 방법
블로그관리 홈 - 스킨편집에서 리스트를 확인합니다. 

스킨이 북클럽인데 리스트가 '뉴북'이 아니라 다른 것 (북리뷰 등)으로 되어있다면 변경 후 진행

하셔야 합니다.

 

 

썸네일 정사각형으로 만들기

 

썸네일 정사각형으로 만들기 위해서는 스킨편집에서 html 편집으로 들어갑니다. Ctrl+F를 누른 뒤

아래 내용을 찾아서 
 
s_article_rep_thumbnail 

 

 

 

 

s_article_rep_thumbnail 을 검색해 아래와 같은 부분을 찾아냅니다.

 

썸네일 크기를 230 X 300에서 230 X 230으로 수정하면  정사각형으로 변경됩니다.

정사각형으로 변경하는 코드입니다.

 

 

 

 

썸네일 사이즈 키우기

 

정사각 썸네일 사이즈 크기 변경 스킨편집에서 CSS 편집 수정할 수 있습니다. Ctrl+F를 누른 뒤

아래 내용을 찾아서 
.list-type-thumbnail

 

list-type-thumbnail'을 검색

 

 

width를 1'26px'에서 '160px'로 변경, height '166px'로 되어 있는 부분을 'auto'로 변경해 주시면 썸네일 사이즈가 커집니다.

 

160을 더 키우면 더 커집니다. 160보다 더 크면 너무 커보여 160정도가 저는 괜찮았습니다.

 
 

 

 

반응형