티스토리 블로그 운영 관련

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

김꿀꿀이 2023. 2. 20. 17:02
반응형

블로그를 보다 보니 썸네일이 영 마음에 안 들었다.

??? 나는 분명 대표 사진을 이렇게 올리지 않았는데......

 

난 이걸 올렸는데...?

 

이 썸네일이 제대로 보이게 하기 위해서 
보이는 썸네일 크기를 정사각형으로 변경하기 위해서 인터넷을 또 뒤졌다.
찾아보니 스킨마다 편집방법은 조금씩 다른 것 같다.

일단 변경을 위해 블로그 관리 홈으로 가자 

블로그 관리 홈으로 이동해서

 

메뉴의 꾸미기 - 스킨편집을 누른다

 

오른쪽 위의 html 편집을 누른 다음

 

이렇게 오른쪽 창에 마우스 커서를 놓고 ctrl+f 를 누르면 검색창이 뜨는데
거기에 s_article_rep를 검색하면 대략 400줄 전후로 빨간 체크 박스 부분을 볼 수 있는데
저곳의 <s_article_rep_thumbnail> 부분의 img src 부분에서
C230X300을 C300X300으로 변경한다

 

그다음으로 오른쪽 위에 CSS 버튼을 눌러서 CSS 편집모드로 넘어간 다음
마찬가지로 마우스 커서를 CSS 편집창에 두고 ctrl+f를 눌러서
thmb img를 검색하면 대략 1150줄 전후에 빨간 박스 부분을 찾을 수 있는데 아래와 같이(빨간 숫자 부분으로) 변경한다.

.post-item.thum {
...
padding-bottom:100%;
...
}
.post-item.thum img {
...
transform:translateY(0%);
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
}

 

그런 다음 오른쪽 위에 적용 버튼을 누른 다음 블로그를 확인해 보면 

 

내가 생각했던 대로 썸네일 그림이 뜬다.

블로그 운영은 멀고도 험한 길인 것 같다 ㅠㅠ

다음은 글씨체를 바꿔볼 예정..

반응형