티스토리 Poster 스킨 가로폭 수정하기

 

---

 

안녕하세요 소망입니다.

 

최근엔 스킨 코드를 직접 수정하여 블로그의 디자인을 바꿔주는것에 많은 관심을 갖게 되었는데요. 문제는 제가 HTML과 CSS 코드를 사용하는데 있어서 무뇌한이라는겁니다. 하지만 그냥 보기싫은데로 운영하는 블로그를 방치할수는 없죠. 웹에서 정보를 수집하며 직접 수정을 해보고 반복한 결과 어느정도는 제가 원하는데로 블로그 스킨을 수정할 수 있게 되었습니다.

 

참고로 저는 티스토리 신스킨인 Poster 스킨을 사용하고 있습니다. 처음 사용했을 때 홈화면과 본문 가로폭이 너무 넓어서 마음에 들지 않아 변경법을 찾아 가로폭을 마음에 드는 크기로 수정하였습니다. 혹시나 저처럼 가로폭을 변경하고 싶은 분들을 위해 오늘은 티스토리 스킨의 가로폭 수정하는 방법에 대해 글을 작성하겠습니다.

 

아직 수정하고 싶은 부분이 많이 있는데 Html이나 CSS를 제가 원하는대로 수정하기엔 아직 지식이 모자르네요.

 

또한 이번 <블로그 가이드> 카테고리는 제가 초기에 고민했었던 티스토리 운영하는 방법, 스킨 변경법, 방문자의 유입 방법 등 궁금했던것들을 해결방법과 함께 작성하는 카테고리로 사용할 예정입니다. 방문자분들과 함께 성장하는 블로그가 되었으면 합니다.

 

그럼 티스토리 스킨 가로폭 수정 방법 시작하겠습니다.

 

---

 

티스토리 신스킨 Poster의 가로폭 수정 방법에 대해 알아보자

 

 

    

 

▲ 자신이 운영하는 티스토리 블로그 관리자 설정으로 들어갑니다. [스킨 편집] -> [Html 편집] 클릭

 

 

 

 

▲ [CSS] 클릭 후 [Ctrl + F]로 "max-width"을 검색합니다.

 

 

 

#content .inner {
 max-width: 900px;
 margin: 0 auto;
}
#content>.inner {
 max-width: 900px;
}

 

↓

#content .inner {
 max-width: 850px;
 margin: 0 auto;
}
#content>.inner {
 max-width: 850px;
}

▲ max-width는 글 영역과 이미지 크기 등에 영향을 주는 글쓰기 가로폭을 설정하는 수치입니다.

자신의 취향에 맞게 설정해줍시다. 저는 850px로 설정하고 사용중입니다. 설정했다면 저장 후 적용을 누르고 확인해봅시다.

 

지금까지 티스토리 스킨 가로폭 수정 방법이었습니다.