반응형
티스토리 썸네일을 정사각형으로 변경하는 방법입니다.
스킨 및 리스트 확인하는 방법
블로그관리 홈 - 스킨편집에서 리스트를 확인합니다.
스킨이 북클럽인데 리스트가 '뉴북'이 아니라 다른 것 (북리뷰 등)으로 되어있다면 변경 후 진행
하셔야 합니다.
썸네일 정사각형으로 만들기
썸네일 정사각형으로 만들기 위해서는 스킨편집에서 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 > 인터넷' 카테고리의 다른 글
Gmail 보내기 버튼(+한영 변환 방법) (0) | 2025.09.13 |
---|---|
카카오톡 채널 삭제, 카톡 채널 차단, 해제 방법 (0) | 2025.09.03 |
실수로 닫은 창 열기, 닫은 탭 복구, 이전 창 새로 여는 방법 (2) | 2025.08.03 |
한글에서 단축키가 먹히지 않을 때 해결하는 방법 (0) | 2025.06.26 |
한글에서 표 작성 f5 버튼 안 될 때 (0) | 2025.06.26 |