티스토리 북클럽 스킨 썸네일 크기 수정하기

안녕하세요. 호기심천국입니다.

 

티스토리 블로그 스킨 편집 설정을 이것저것 만지던 중, 제 티스토리 썸네일이 온전히 출력되지 않고 있다는 것을 인식했습니다.

 

티스토리의 경우, 썸네일 크기가 각기 다르게 출력되는 부분이 많아서 어떤 사이즈로 할지 고민을 하다가 많은 티스토리 블로그를 운영하는 분들이 그렇듯 저 역시 게시글의 유입을 늘릴 수 있도록 제목을 직관적으로 기재한 정사각형의 썸네일을 사용하고 있는데요. 글자가 보이지 않는 것은 아니지만 북클럽 스킨의 뉴북 리스트 타입에서는 정사각형으로 출력되지 않아 썸네일이 일부 잘리는 모습을 볼 수 있었습니다. 

 

스킨의 html를 수정하면 이 또한 수정할 수 있을 것으로 기대해서 찾아보았는데요. 당연히 방법이 있었습니다. :)

 

아래에서는 티스토리 스킨의 썸네일 크기를 1:1 비율의 정사각형으로 수정하는 방법을 살펴보겠습니다! 

이는 스킨 또는 리스트 타입에 따라서 다를 수 있으니 자신의 스킨과 리스트 타입을 확인하고 수정하시기 바랍니다! 

 

이 글은 북클럽 스킨의 뉴북 리스트 타입을 사용하는 분들이 참고하실수 있는 포스팅임을 알려드립니다. 

 

티스토리 썸네일 크기 정사각형으로 변경하기

 

 

1. [티스토리 블로그 관리 홈] - [꾸미기] - [스킨 편집]에 들어가줍니다. 

 

 

 

2. [스킨편집] - [html 편집]에 들어가줍니다.

 

 

 

 

 

3. Ctrl + F를 눌러 <s_index_article_rep>을 찾아줍니다. 사이에 C230X300 숫자를 찾을 수 있습니다. 

390~400번대에서 찾으면 수월하게 찾을 수 있습니다.  

<s_index_article_rep> </s_index_article_rep>

 

 

 

 

 

4. C230X300의 숫자를 1:1 비율의 숫자로 변경해줍니다. 저는 C200X200으로 바꿔 주었습니다.  

숫자를 바꿔준 뒤, 적용을 누르고 새로고침을 해주면 길쭉한 표지에서 정사각형으로 변경된 것을 확인할 수 있습니다. 

 

 

 

 

 

정사각형으로 잘 적용된 것을 확인할 수 있습니다.

괜히 티스토리 글이 더 잘 써질 것 같은 기분이네요 :)  

이 글을 보는 모든 분들도 멋진 티스토리를 운영하길 바랍니다.