북클럽 스킨 게시글 목록 썸네일 정사각형 크기 조절하기 편집 수정 꾸미기 수익화 셋팅

북클럽 스킨 뉴북 버젼 썸네일 정사각형으로 크기 조절 방법입니다.

아래 셋팅 방법들은 수익화 셋팅을 위한 북클럽 스킨 편집 방법입니다.

중간중간 추가 설명이 필요한건 간단하게 적어두었습니다.

1. 썸네일 변경전 모습

사진은 썸네일 변경전 모습입니다.

수익형 블로그로 만들기 때문에 해당 부분을 정사각형으로 설정해줘야 합니다.

블로그 관리 설정 창에서 "꾸미기 > 스킨 편집 > HTML 편집"을 순대로로 클릭합니다.

"HTML" 창에서

s_article_rep_thumbnail

을 검색하여 해당 부분을 찾습니다. (검색키 CTRL + F)

사진과 같이 "C300x300" 으로 변경해줍니다.

그냥 정사각형으로 썸네일을 설정할경우 사진이 찌그러져 보이기 때문에 해당 부분을 꼭 설정하고 넘어가야합니다.

.list-type-thumbnail .post-item .thum img

을 검색하여 사진과 같은 부분을 찾습니다. (검색키 CTRL + F)

그 다음 사진과 같이 두곳 모두 변경해 줍니다.

width: 150px;
height: auto;

사진과 같이 정사각형으로 잘 적용된 모습을 볼 수 있습니다.