본문 바로가기
Blog

티스토리 블로그 북클럽 썸네일 크기 변경 방법

by 젠틀슈 2023. 6. 19.

목차

     

    티스토리 블로그 북클럽 스킨을 사용하시는 분들은 기본 섬네일이 정사각형이 아닌 직사각형을 되어 있어서 섬네일이 잘려서 보여 불편함을 겪고 계실 수 있습니다. html 스킨편집을 통해서 변경할 수 있는데요, 그 변경 방법에 대해서 자세히 알아보겠습니다.

    티스토리 북클럽스킨 썸네일 크기변경 방법
    티스토리 북클럽스킨 썸네일 크기변경 방법


    리스트 타입 뉴북 변경

    먼저, 티스토리에 로그인한 후 관리페이지에 들어가 줍니다. 꾸미기 카테고리의 스킨편집 아이콘을 클릭해 줍니다.

    스킨편집아이콘

    아래로 스크롤을 내리다 보면 리스트 타입이 나옵니다. 리스트 타입을 뉴북으로 변경해 줍니다.

    뉴북변경아이콘

    적용을 누르고 새로고침을 눌러서 리스트 타입이 뉴북형식으로 변경되었는지 확인합니다.

     

    html 썸네일 크기변경

    이번엔 본격적으로 크기를 조정해 보겠습니다. 오른쪽 상단에 있는 html편집을 클릭해 줍니다.

    html코드아이콘

     

    html 코드가 있는 창에 커서를 올려놓고 클릭한 다음 ctrl+ f를 눌러서 아래의 코드를 검색해 줍니다.

    s_article_rep_thumbnail

     

    검색창이미지
    검색후변경-이미지

    해당 코드에서 C230x300로 되어 있는 크기를 C300x300으로 변경해 줍니다. 적용 후 새로고침을 눌러 정사각형으로 변경되어 있는 것을 확인합니다.

     

    CSS 썸네일 크기변경

    이번에는 화면상에 보이는 섬네일 크기가 너무 작아서 키워주겠습니다. CSS에 들어가서 ctrl+F를 누른 후 아래의 코드를 찾아줍니다.

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

    css검색창-이미지
    css-변경후이미지

    해당 코드에서 width 크기를 126px에서 170px로 변경해 줍니다. 적용을 누른 후 새로고침을 해서 확인해 봅니다. 데스크톱, 태블릿, 폰 모드에서 보이는 크기를 확인해 보시고 본인이 원하는 크기로 조절해 가며 설정해 보시길 바랍니다.

     

    이렇게 티스토리 블로그 북클럽 스킨에서 썸네일 미리 보기 크기를 변경하는 방법을 알아보았습니다. 블로그 운영에 도움이 되길 바라겠습니다. 감사합니다.

     

    북클럽 스킨 게시물에 제목배경 없애는 법이 궁금하시다면 아래의 글도 참고해 보세요.

     

    티스토리 북클럽 스킨 제목 배경 없애는 방법

    티스토리 북클럽 스킨에서는 기본으로 게시물 제목 배경에 섬네일 이미지가 보이게 됩니다. html편집을 통해 제목 배경 없애는 방법에 대해서 알아보겠습니다. 복잡해 보이지만 잘 따라서 해보

    gentleissue.com

     


    자동차 에어컨 똥구린내 어떻게 제거할까?