fastboot 1.6.2 본문폭 사이드바폭 조절 방법

제 원래 스킨은 티스토리에서 제공하는 기본 반응형 스킨#1이었습니다. 깔끔해서 마음에 들었었는데 좀 지나보니 좀 허전한 감이 있어서 스킨을 둘러보던 중에 패스트부트(fastboot)라는 스킨을 발견했습니다. 디자인도 마음에 드는데 완성도가 높아 평이 좋은 것을 보고 바로 스킨을 변경하기로 마음먹었습니다.

스킨 변경하는 방법은 쉬워서 생략하고 나중에 시간이 되면 포스팅해보도록 하고요. 오늘은 스킨을 변경했다치고 몇가지 커스터마이징하는 과정을 공부하고 그 내용들을 여기에 적어보려고 합니다. 첫번째 내용은 fastboot 본문폭과 사이드메뉴폭 조절하는 방법입니다.

스킨을 수정하려면 html과 css 편집을 해야하는데 그리 어려운 내용이 아니라 저같은 초보도 할 수 있었습니다. 천천히 따라해보시면 성공하실 수 있을겁니다. 먼저 티스토리 관리자 메뉴로 가시죠.

관리자메뉴에서 html/css 편집메뉴로 가시고요. 보통 스킨을 수정하면 css편집에 많이 가지만 fastboot에서는 html수정으로 본문폭과 사이드바 메뉴폭을 조절할 수 있습니다. 총 2군데를 수정하면 돼요. 컨트롤F를 눌러서 col이라고 검색해보시면 수정하기 편합니다.

지금 제 화면에서는 131번째줄로 나오지만 저는 스킨에 뭔가를 더 넣어서 그렇고요. 127번쯤이면 위의 문구가 보일꺼에요. 바로 "col-md-9"을 고쳐야합니다. 9이 본문폭을 의미해요. 제작자의 말에 따르면 본문폭은 12로되어 있고 12라는 범위 내에서 본문과 사이드바를 조절해야합니다. 기본세팅은 본문9 : 사이드바3으로 되어 있는데요. 본문폭을 줄이고싶다면 8:4로, 본문폭을 넓히고 싶다면 10:2로 조절하시면 됩니다. 그래서 저 9라는 숫자를 원하는대로 조절해주고요.

두번째로 수정해야할 곳입니다. 제 html에서는 663번째 줄이지만 여러분에게는 아마 657번째 줄일꺼에요. col-md-9라고 되어있고 그 아래에는 숫자가 3으로 되어 있죠. 여기에서도 원하는 폭으로 조절하는것이죠. 저처럼 본문폭을 줄이려면 첫번째 수정하는곳에서 9를 8로 바꾸고 두번째에서 9를8로, 3을 4로 바꾸면 되는 것입니다.

아니면 반대로 본문폭을 늘리고 사이드바폭을 줄이려면 숫자를 10과 2로 고쳐주시면 되겠습니다. 여기까지 fastboot 1.6.2 본문폭과 사이드바폭 조절하는 방법에 대해 알아봤습니다.

[fastboot 본문 폰트 변경과 글꼴 크기 수정 방법] 글로이동

감사합니다.