반응형
티스토리 블로그 처음 시작하시는 분들이라면 구글 SEO때문에 북클럽스킨을 사용하시는 분들이 가장 많을 것입니다. 오늘은 북클럽스킨을 그대로 사용하셔도 되지만, PC와 모바일에서 가시성을 좋게 하기 위해서 북클럽스킨 최적화 중에서 썸네일 이미지 크기 비율 조정하는 방법을 알려 드립니다.
북클럽스킨 썸네일 이미지 크기 비율 조정
① '뉴북' 으로 리스트 설정
먼저, 리스트 설정이 뉴북이 아니라면 스킨 편집에서 리스트 설정을 기본 설정인 '뉴북'으로 변경 합니다.
그런 다음 조정할 썸네일 이미지 비율은 아래 이미지에 보시는 것처럼 정사각형 비율 조정입니다. 아직 썸네일 이미지를 조정 안하셨다면 아마도 직사각형 형태로 보이실 겁니다. 자 그럼 시작해 볼까요?
반응형
② 썸네일 설정을 하기 위해 '스킨편집' → 'HTML편집' 으로 들어가서 CSS탭을 누릅니다. 그런 다음 ctrl+f를 누르고 'list-type-thumbnail' 로 검색합니다. 아래 이미지에 보시는 것처럼 width: 120px 를 150px으로 수정합니다.
③ 그다음은 HTML 탭을 눌러서 들어갑니다. 그리고 아래처럼 ctrl+f를 눌러서 'C230x300' 을 검색합니다.
④ 'C230x300' 을 'C200x200' 으로 수정합니다. 그러면 이제 PC나 모바일 화면에서 이미지 사이즈에 상관없이 정사각형 비율로 썸네일이 보이게 됩니다.
반응형
댓글