본문 바로가기
기타정보

[티스토리]썸네일 정사각형 만들기 사진이 잘려보일때 해결방법(북클럽 스킨)

by 엉뚱아지매 2024. 2. 5.
728x90
반응형
썸네일 정사각형 만들기

 

티스토리에서 북클럽 스킨을 사용하는 경우가 많으실 겁니다.

저 또한 같은 스킨을 사용 중입니다.

북클럽 스킨은 세로가 긴 비율로 보여서 사진이 잘리는 경우가 있습니다.

그런 사진을 정사각형을 변경하는 방법을 알아볼게요.

 

일단 시작 전에

북클럽 스킨 중에도 리스트 타입을 뉴북으로 선택하서야 합니다.

 

스킨편집 - 리스트타입 - 뉴북 선택

 

 

그럼 아래 사진처럼 책모양으로 세로로 

긴 형태의 사진 썸네일이 보이실 겁니다.

 

그리고 html 편집에서 수치를 수정해 주시면 됩니다.

스킨편집 - 찾기(Ctrl + F) - s article rep thumbnail을 검색

아래보이는 숫자 230 * 300을 

230*230으로 수정해 줍니다.

미리 보기 상으로도 화면이 정사각형으로 변경되어 있음을 확인할 수 있습니다.

 

사진이 차이점을 느낄 수 있나요?

정사각형을 변했나요??

 

 

이제 정사각형으로 변경되었죠??

하지만 썸네일 사이즈가 작다고 생각된다면

아래방법을 따라 하세요

 스킨편집 - CSS 편집 - 찾기 - thumbnail을 검색

width 126px를 160px으로

height 166px를 auto로 변경해 주시면 사이즈가 커집니다.

 

 

아래처럼 변경되신 걸 확인가능합니다.

 

어렵지 않습니다.

차근차근 따라서 변경해주시면 적용가능합니다.

감사합니다.

 

 

[tistory] 티스토리 블로그 네이버에서 노출 및 확인하는 방법 2탄

소유확인이 완료되면 블로그 사이트가 아래처럼 등록된 거 보이실 거예요. 위 목록 중 등록된 사이트 클릭 요청 > 사이트맵 제출 > 사이트맵 URL 입력란에 https://티스토리 블로그 url /sitemap.xml 자

genius-03.tistory.com

 

 

[tistory] 티스토리 블로그 네이버에서 노출 및 확인하는 방법 1탄

네이버에서 검색되는지 확인하기 전에 아래와 같이 사전등록을 먼저 마치셔야 합니다. 티스토리 승인을 받으셨다면 우선 많은 글을 작성해서 조회수 및 인원을 늘리는 게 목표일 것입니다. 하

genius-03.tistory.com

 

 

[tistory] 티스토리 글 복사방지 하는 방법

티스토리 글 복사방지 열심히 포스팅했는데 누군가는 쉽게 나의 글을 복사해서 가져간다면 너무 속상하고 화가 나겠죠? 아래의 방법은 글을 복사하지 못하도록 설정하는 방법을 공유하고자 합

genius-03.tistory.com

 

728x90
반응형