홈 화면 썸네일 사이즈 바꾸기

홈 화면 썸네일 사이즈 바꾸기 

요새는 인터넷도 데스크탑보다 모바일로 보는 경우가 더 많죠. 굳이 홈화면에 있는 썸네일을 바꿀 필요는 없을 것 같지만, 보기 싫은 건 그래도 바꾸는 게 좋을 것 같아서 썸네일 모양을 정각형으로 바꾸어 보았어요. 제가 쓰는 스킨은 다른 분들도 많이 사용하는 북클럽이에요.

 

썸네일 230*300 → 230*230

북클럽의 스킨은 홈화면 썸네일이 230*300으로 설정되어 있어서 그냥 사용하면 위의 사진에서처럼 위아래가 긴 형태로 보입니다. 스킨 이름이 북클럽이잖아요. 책의 이미지에 알맞은 모습으로 만들어지다 보니 이런 형태가 되었을 거라 생각합니다. 책처럼 긴 형태라면 몰라도, 대부분의 이미지들은 옆이 잘려서 답답한 느낌이 들어요. 그러니 정사각형 모양으로 수정해서 쓰는 게 좋겠죠. 

 

스킨편집에 들어가, 간단하게 HTML에서 수치만 바꾸어주면 됩니다. 왼쪽에 번호는 조금씩 다를 수 있으니 419쯤 되는 곳에서 <img~....> 가 있는 부분을 찾아보세요. 사진을 불러오는 코드입니다. 거기서 230*300이라고 되어있는 부분을 바꾸어주세요. 직사각형 썸네일을 정사각형으로 만들면 되는 것이니, 230*230 하셔도 되고, 300*300으로 하셔도 됩니다. 

 

참 간단하쥬? 적용을 눌러주시면 되고요, HTML은 잘못 만지면 Ctrl+Z로도 되돌리기가 안되니 조심해서 다뤄주세요. 최악의 사태를 미연에 방지하려면, HTML과 CSS부분을 긁어서 복사한 다음, 다른 곳에 저장해 주시는 게 좋습니다. 혹시라도 잘못 만져서 돌이킬 수 없게 되었을 경우에 다시 가져다 붙이면 됩니다. ^^