티스토리 북클럽 스킨 썸네일 정사각형으로 변경하는 방법(CSS 설정)
안녕하세요!
저는 티스토리 제공 스킨인 북클럽에 리스트는 뉴북으로 설정하여 이용하고 있는데요
뭐가 안 맞는 건지 썸네일이 아래 사진처럼 잘려서 나오고 있는 겁니다 ㅠㅜ
이미지만 있다면 상관없지만 저는 썸네일에 글의 내용까지 담고 있어서
썸네일 이미지가 모두 노출시키고 싶었습니다.
썸네일 이미지 크기 변경을 하는 방법도 있지만
썸네일 노출 시 정사각형으로 나오게 하는 방법도 있더라고요!
오늘은 티스토리 썸네일 이미지를 정사각형으로 변경하는 방법에 대해 알아보겠습니다!
■ 티스토리 썸네일 정사각형으로 변경하는 방법(CSS 변경)
1. 블로그관리 > 꾸미기 > 스킨편집 > html 편집 > CSS 선택
2. CSS에서 이미지 크기(높이) 편집하기
- 2250~2260번쯤에 있는 list-type-thumbnail .post-item .thum img { 아래 내용 수정
- 변경 전 : width : 126px; / height : auto;
- 변경 후 : width : 126px; / height : 126px;
★ height를 width와 동일하게 126px로 수정!!
- 수정하였으면 '적용' 버튼 클릭
3. html 편집하기
- html로 들어가서 400번대에 있는 아래 사진과 같은 코드를 찾고
★thumb 옆에 C230x300을 C200x200으로 변경
- 수정 후 상단 '적용'버튼 클릭
4. 변경 내용 확인
따란! 이제 썸네일이 잘리지 않고 정사각형으로 보이네요!
티스토리는 배워도 배워도 어렵네요!
근데 그만큼 배우는 것도 많은 것 같아요
일정한 툴만 이용할 수 있는 것이 아니라 일정 툴은 제공하고
나머지는 사용자 편의에 맞게 수정할 수 있다는 것이 티스토리의 큰 장점인 것 같아요
그리고 남들은 다 통과한다는 애드고시를 저는 왜 몇 개월 동안 통과가 안되는지...
명확한 이유를 모르겠어서 답답하기로 합니다!
티스토리 툴을 정복하는 그날까지! 그리고 애드고시를 통화하는 그날까지!
열심히 배우고 글 작성을 해야겠어요.
구독과 하트는 저에게 힘이 됩니다♥