티스토리 사이드바 폭 조절방법 및 블로그 포스팅 넓이 조절
티스토리에서 사이드바 부분의 사이즈 조절 방법을 알아보겠습니다.
스킨 선택을 잘 하면 되긴 하지만,
티스토리로 스킨이란게 왠만해서 맘에 드는 놈을 만나기기 쉽지 않으니 어쩌겠습니까?
어쩔수 없이 코드를 직접 좀 건드리는 수 밖에요..
그래도 티스토리 하시는 분들은 기본 태그 정도는 볼 줄 아는 분들이 많은 편이라..아닌가요? :D
기본적인 설명만으로 포스팅해볼까 합니다.
포스트 넓이 조절
티스토리에서 포스트 작성후 글보기를 하면, 어떠 스킨은 폭이 좀 좁게 만들어진게 있습니다.
스킨은 마음에 드는데 글보기 창의 폭이 좁을때는 다음을 실행해서 사이즈를 조절할 수 있습니다.
1. 티스토리 관리자모드 > 꾸미기 > 스킨 으로 들어가면 오른쪽에 스킨위자드 버튼이 있습니다. 클릭합니다.
2. 스킨위자드로 들어가게 되면 아래 그림처럼 창이 뜹니다.
게시글 탭을 선택하면 글영역 넓이 조절하는 화면이 나타납니다.
자신이 원하는 사이즈를 입력후 적용 버튼을 누르면 사이즈가 변경됩니다.
(*참고: 맨 아래족 적용은 전체 스킨위자드 변경내용 저장이고, 위의 적용 버튼은 글영역 넓이만 적용됩니다.)
글 영역은 이렇게 티스토리에서 사이즈 조절을 지원합니다..
문제는 사이드바 부분인데, 직접 style.css에서 코드를 바꿔줘야 한다는 엄청난 불편함이 있습니다.
불편함 정도가 아니라, 웬만큼 프로그래머적 지식이 없다면 거의 힘든 정도입니다.
그래도 시도해 보겠다 하시는 분은 다음의 과정대로 해주시면 되겠습니다.
본인이 적용한 스킨에 따라 적용방법이 다 다를 수 있기 때문에 style.css 에서
사이드바의 넓이를 정해주는 코드를 살펴보겠습니다.
그럼 내 블로그 사이드바의 사이즈를 좀더 키워 보도록 하겠습니다.
사이드바 폭(넓이) 조절
1. 맨처음 고쳐야 할 부분은 스타일시트의 #sidebar 크기가 되겠습니다.
sidebar의 width 크기를 수정합니다.
본인이 원하는 크기로 바꿔주면됩니다. 이때 원래의 크기에서 얼마의 값을 더 더했는지, 뺏는지를 적어놓습니다.
저는 원래 크기보다 +50px 을 키웠습니다.
width: 200px; 를 250px로 바꾸어주었습니다.
자..사이드바 크기를 정해주는 코드를 수정했으니, 사이드바 크기와 관련있는 모든 사이즈를 수정해 주어야 합니다.
그렇지 않으면 사이드바가 제자리를 벗어나서, 블로그 맨 아랫쪽에 나타나는 경우가 생깁니다.
그럼 계속해서 수정해주어야 할 코드들을 +50씩해서 바꾸어 주겠습니다.
2. #header .head-container 의 width에 +50을 해서 사이즈를 조정합니다.
#body 도 +50 해줍니다.
이 부분은 블로그의 메뉴 네비게이션바의 크기를 조정해 주는 코드입니다.
3. .boxTopR .boxTop-mid, .boxBtmR .boxBtm-mid 사이즈를 +50 늘려줍니다.
위 코드는 사이드바의 카테고리, 블로그 정보, 최근포스트, 최근댓글등의 사이드 메뉴들의 테두리 박스의
위.아래 부분의 크기를 정해줍니다
4. .boxMid, .boxMidR 사이즈를 +50 해줍니다. 이코드는 사이드 박스의 중간부분 사이즈를 정해줍니다.
#header .head-container 사이즈를 +50 해줍니다.(헤드부분 설정이 다시 나옵니다.이 부분도 수정합니다)
5. #searchbar .searchbar-container 사이즈를 +50 해줍니다.
* html #searchbar .searchbar-container 사이즈를 +50 해줍니다.
이 부분은 검색창 사이즈를 지정해줍니다. 스킨에 따라 좀 다를 수 있습니다.
6. #btnRSS
#blogImage, #userID, #blogDesc
#blogImage img
의 사이즈를 +50씩 해줍니다.
이 곳은 RSS Feed 사이즈를 설정해 줍니다. 스킨에 따라 다를수 있습니다.
자 이제 모든 사이드바 크기에 관련된 코드를 수정해 주었습니다.
프로그램 지식이 상당히 요구되는 부분이라, 이 역시 코드 수정전에 미리 원본코드를 백업해 놓으신 후 실행하시는게 좋습니다.
만약 스킨이 뒤죽박죽 깨지면 제자리로 돌려놓기 어려울 수 있거든요..
혹시 하시다가 막히는 부분 있으시면 댓글 남겨주세요..
아는 데까지..또,,시간이 허락하는데로(^^) 답글 드리겠습니다.
