초보자 티스토리 썸네일 1:1,정사각형,왜곡,안짤리게 만드는법

티스토리 블로그를 운영하시다 초보자들이 가끔 답답해하는 상황을 겪는데 썸네일의 비율이 정사각형이 아닌 직사각형이라 보기에 안 좋습니다. 저도 비슷한 문제를 겪어서 여러 가지 방법을 찾아보았습니다. 그래서 초보자분들도 쉽게 따라 할 수 있는 방법을 정리해 보았습니다. 아울러 썸네일의 중요성도 같이 정리하였습니다. 

 

 

 

티스토리정사각형썸네일

 

 

 

티스토리 썸네일 정사각형 설정 및 썸네일 중요성 

 

썸네일 안짤리게 설정하는 방법을 설명드릴 테니 차근차근 화면을 보면서 설정하시기 바랍니다.

 

 

혹 잘못하면 안 되니 메모장에 HTML, CSS는 복사해서 저장해두기시 바랍니다. 

 

 

 

 

티스토리 썸네일 1:1, 정사각형, 왜곡, 안 잘리게 설정방법

 

먼저 관리 꾸미기 스킨편집으로 들어가시어 대부분 북클럽 스킨을 쓰실 텐데 , 사진 1번 오른쪽에 홈설정, 기본설정에서 목록구성요소를 목록+내용으로 설정을 하시고 사진 2번 리스트 타입을 뉴북으로 설정합니다.

 

만약 리스트 타입을 바꾸고 싶다면 스킨 편집을 클릭해서 변경하실 수 있습니다. 

 

설정

하지만 뉴북으로 설정하면 썸네일의 크기가 230x300이므로 직사각형 모양으로 표시됩니다. 이때, 썸네일을 정사각형으로 만드는 방법을 알아보겠습니다.

 

티스토리 블로그 내에 있는 관리창에서 꾸미기 항목에서 스킨 편집을 선택합니다.

그리고3번 사진의 오른쪽 상단에 위치한 "HTML 편집" 버튼을 클릭합니다. 그다음에 코드 상단을 클릭한 후, 컨트롤+F를 눌러 검색 창을 열어 "s_article_rep_thumbnail"을 검색합니다.

 

설정3번4번

그러면 첫 번째로 나오는 줄 아래에 "C230x300"이라는 텍스트가 있을 것입니다. 이것을 정사각형으로 바꾸기 위해서는 4번 사진처럼  "C230x230"으로 수정해야 합니다.

 

그리고 상단 오른쪽에 있는 "적용" 버튼을 클릭하면 됩니다. 만약 230보다 큰 크기로 보이길 원하신다면, 숫자를 변경하면 됩니다. 다만, 정사각형으로 만들기 위해서는 두 숫자가 같아야 합니다

추가로 CSS서 설정이 필요합니다. 먼저 페이지 상단의 "CSS" 버튼을 누른 다음, 5번 사진처럼  코드 창을 클릭하고 "컨트롤+F"를 눌러 검색 창을 엽니다.

 

그리고 ". list-type-thumbnail. post-item. thum img {"를 검색합니다.
해당 코드가 검색되면, "hightauto" 부분을 찾아서 126px로 변경합니다. 변경 후, 우측 상단의 "적용" 버튼을 눌러서 변경 사항을 저장합니다. 마지막으로 페이지를 새로 고침하여 변경 사항이 정상적으로 적용되었는지 확인하실 수 있습니다

 

설정 5번,6번

썸네일의 중요성

블로그 썸네일은 블로그 포스트의 내용을 간략하게 표현하고 방문자들의 눈길을 끌어주는 중요한 역할을 합니다. 따라서 블로그 썸네일의 중요성은 무시할 수 없습니다.

첫째로, 블로그 썸네일은 포스트의 내용을 효과적으로 전달할 수 있습니다. 블로그 포스트를 방문자들에게 전달하려면 그 포스트가 눈에 띄어야 합니다. 그리고 그것은 블로그 썸네일에서 시작됩니다. 제목뿐만 아니라 썸네일로부터 내용의 전반적인 느낌을 전달할 수 있도록 해야 합니다.

둘째로, 블로그 썸네일은 검색 엔진 최적화(SEO)에 도움을 줄 수 있습니다. 검색 엔진은 포스트의 내용만을 평가하는 것이 아니라 블로그 썸네일도 평가합니다. 썸네일에 대한 키워드를 포함하여 해당 포스트를 더욱 높은 순위로 노출시키는 것이 가능합니다. 

셋째로, 블로그 썸네일은 소셜 미디어 공유에 매우 중요합니다. 블로거는 포스트를 소셜 미디어 프로필에서 공유하거나, 다른 사람들이 공유할 수 있도록 만들어야 합니다. 이때 눈에 띄는 썸네일을 사용하여 페이지의 공유 확률을 높일 수 있습니다.

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

 

---

이처럼 블로그 썸네일은 블로그 포스트를 방문자들에게 효과적으로 전달할 수 있도록 하며, 검색 엔진 최적화나 소셜 미디어 전파에도 많은 영향을 미칩니다. 따라서 블로그 운영시 썸네일에 충분한 노력과 시간을 투자하는 것이 좋습니다.

 

 

고체향수 장점 및 고체향수 IT제품 발전동향