티스토리도 유료 스킨도 써보고 무료 스킨도 여러가지를 써봤지만, 수익형 티스토리 블로거들이 가장 많이 쓰는 블로그 스킨인 "북클럽" 을 사용하면서 이것만 쓰게 되었습니다. 바로 스킨을 적용하면 불편한 점이 많은데, 이는 북클럽 초기세팅으로 변경하면 해결되기 때문에 그 해결법들을 하나하나 써보려합니다.
기존배경
디폴트 세팅은 아래 사진처럼 북리뷰 형태로 되어 있습니다. 이는 가독성도 떨어질 뿐더러 좋지 않은 리스트 형태입니다. 리스트를 뉴북으로 먼저 바꿔줍니다.
결과화면
최종적으로 저희가 수정하고자 하는 화면은 다음과 같습니다.
설정방법
▼먼저 리스트를 북리뷰를 뉴북으로 변경합니다.
관리 > 꾸미기(스킨편집)
▼html편집으로 들어가서 아무곳이나 클릭 > ctrl + f > s_article_rep_thumbnail 을 찾아줍니다.
아래 보시면 C230x300 이 바로 썸네일 크기입니다. C200x200 으로 바꿔줍니다.
▼이번엔 상위탭에 CSS로 들어가서 ctrl + f > .list-type-thumbnail .post-item .thum img 를 찾아줍니다.
아래 표시된 width: 126px; 부분을 150px로 변경해줍니다.
마찬가지로 한가지 더 수정할 부분이 있습니다.
CSS > ctrl+f > .list-type-vertical .post-item .thum 에서
padding-bottom 부분을 100%로 바꿔줍니다.
끝!!
이렇게 설정하면 뉴북스타일에서 썸네일 이미지가 짤리지 않고 정사각형 가운데 중심으로 사진이 나타나게 됩니다. 1차 설정 완료!
'블로그' 카테고리의 다른 글
| 카카오 에드핏 중단광고 넣는 방법(쉬움) (0) | 2022.05.19 |
|---|---|
| 애드센스 지급 등록(SC은행) (0) | 2018.08.14 |
| SC은행에서 통장 2개 개설완료(외화통장, 입출금통장) (0) | 2018.08.13 |
| 은행별 외화 수수료 비교(한번에 볼 수 있는 사이트) (0) | 2018.08.11 |
| 티스토리 블로그에 파비콘(favicon) 적용하기 (0) | 2018.08.10 |
| 많이 사용되는 키워드 확인하기 - 블로그 태그 & 블로그 검색 노출누락 확인방법 (0) | 2018.06.09 |
| 티스토리 스킨 변경완료. 스킨 변경하는 법 & JB Factory 139번 블로그 반응형스킨 후기 (0) | 2018.05.14 |
댓글