2018. 1. 17. 03:57ㆍ블로그 관리/티스토리
티스토리 반응형 스킨_패스트부트(FastBoot v1.6.2)에서 사이드바 넓이가 짧아 광고나 기타 글들이 짤리는 현상을 겪고 있다면 이 글에 주목하자.
우선 반응형 스킨_패스트부트 설치에 관해서는 밑에 글에 링크를 걸어두었으니 확인하길 바란다.
관련글 : 반응형 스킨_패스트부트 <-- 클릭하시면 해당 글로 연결됩니다.
그럼 사이드바 크기 조절 방법에 대해 알아보자.
티스토리 반응형 스킨 패스트부트_사이드바 넓이 조절하는 방법
다행히도 이 글을 쓰고 있는 블로그는 사이드바가 조절을 할 필요가 없이 글들이 모두 안에 들어와 있다. 하지만 메인 블로그는 구글 번역기 및 구글 맞춤검색 등이 사이드바 넓이랑 안 맞아 공간을 벗어나는 현상이 생겨서 계속 볼 때 마다 저걸 어떻게 바꾸지 고심했었다.
[블로그관리 홈] - [꾸미기] - [HTML / CSS 편집]에 들어가도록 한다.
본문과 사이드바의 총합이 '12'가 되어야 하는데 티스토리 반응형 스킨_패스트부트 기본 세팅은 [9:3]으로 되어있다.
[HTML]에서 Ctrl+f 찾기를 활성화해서 div id="leftcontent" 를 찾는다. 그럼 딱 한개가 위와 같이 나오는데 9로 되어있다.
그 다음 sidebar col 를 찾아본다.
그럼 3으로 되어있는데 본문과 사이드바의 총합이 '12'가 되어야 하기에 leftcontent와 sidebar를 [8:4]로 조정해본다.
그런데 메인 블로그는 그렇게 조정했더니 사이드바가 본문 밑으로 내려가는 현상이 발생했다. 그래서 다시 [9:3]으로 돌려놓고 난 뒤 혹시 소수점도 인식할까 해서 sidebar col을 3.5로 변경했더니 사이드바만 넓어지면서 글씨가 잘리지 않고 보이게 됐다.
위의 이미지는 메인 블로그 상단 화면이다. sidebar col을 '3.5'로 조절한 것이다.
밑의 이미지는 현재 블로그 상단 화면이다. sidebar col이 '3'으로 되어있다.
두 이미지를 비교해보면 사이드바 크기가 조절된 걸 쉽게 확인할 수 있을 것이다.
혹시나 사이드바 조절이 필요한 분들이 있다면 이 방법을 사용해 보도록 하자.
이전글