반응형

티스토리 썸네일을 정사각형으로 변경하는 방법입니다.
스킨 및 리스트 확인하는 방법
블로그관리 홈 - 스킨편집에서 리스트를 확인합니다.
스킨이 북클럽인데 리스트가 '뉴북'이 아니라 다른 것 (북리뷰 등)으로 되어있다면 변경 후 진행
하셔야 합니다.



썸네일 정사각형으로 만들기
썸네일 정사각형으로 만들기 위해서는 스킨편집에서 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정도가 저는 괜찮았습니다.
반응형
'IT|꿀팁' 카테고리의 다른 글
| 퍼플렉시티 대학생 무료가입 방법 (1년 무료 꿀팁 공유!) (0) | 2025.09.30 |
|---|---|
| 시작프로그램 끄는 방법 3가지 (+간단 방법, 가장쉬운 방법) (0) | 2025.09.27 |
| 윈도우 32비트 64비트 확인하는 방법 (0) | 2025.09.13 |
| Gmail 보내기 버튼(+한영 변환 방법) (0) | 2025.09.13 |
| 카카오톡 채널 삭제, 카톡 채널 차단, 해제 방법 (0) | 2025.09.03 |