티스토리 fastboot 스킨 사이드바 넓이(폭)를 변경해 보자

 

 

티스토리 fastboot 스킨 사이드바 넓이(폭)를 변경해 보자

 

 

사이드바의 폭을 변경하기 위해서는 꼭 fastboot 스킨이 아니어도 수정 방식이 동일한 것으로 알고는 있는데 fastboot 스킨 외엔 따로 필요성을 못 느껴 시도를 해보진 않았답니다.

 

 

 

두장의 사진을 비교해 보면 사이드바의 폭이 서로 다른 것을 확인 할 수 있는데요. 오늘은 사이드 바의 폭을 변경하는 방법에 대해 알아보도록 하겠습니다.

 

 

 

 

블로그관리로 이동하셔서 Html/Css 편집창을 열어주세요. 잘보고 따라하시면 전혀 어렵지 않게 변경 하실 수 있습니다.

 

 

 

 

Html 편집창에서 Ctrl+F (검색)를 이용해서 col-md를 검색하면 위 사진과 같은 문구를 찾으실 수 있습니다. 스킨마다 조금씩 다르긴 하지만 대부분이 이렇게 "col-md-8", "col-md-4"로 되어 있답니다. 8+4로 합이 12가 됩니다.

 

 

 

 

여기서 8은 본문의 넓이이고 4는 사이드바의 넓이를 나타냅니다. 이 수치를 변경시키면 본문의 폭과 사이드바의 폭이 변경이 되는데 이때 유의해야 할 점은 변경한 두 숫자의 합이 12가 되야 한다는 겁니다.

(Ex : 본문7+사이드바5/ 본문9+사이드바3)

 

 

 

 

기존에 "col-md-8"이던 본문을 "col-md-9"로 크게 키우고 사이드바를 "col-md-4"에서 "col-md-3"으로 작게 만들어봤습니다. 그 결과값이 본 글의 처음에 올린 비교 사진에서 사이드바 변경 후의 값이랍니다.

 

치수 변경 전에 비해 본문은 넓어지고 사이드바가 줄어든 것을 확인 할 수 있습니다. 약간의 숫자를 변경해 글쓴이가 원하는 치수에 맞게 본문과 사이드바의 치수를 변경해서 사용하시면 됩니다.