티스토리 Odyssey 스킨 본문 글 너비 조정

블로그관리-꾸미기-스킨편집에 들어간다. 

오른쪽상단 html편집을 눌러주고, HTML CSS 파일업로드 세개 중 CSS를 선택한다.

참고로 왼쪽상단에 디폴트로 '홈'이라고 되어 있는걸 '글'로 바꿔주면 보면서 편집을 할수있어 편하다. 

 

필자처럼 웹코딩이나 티스토리 편집에 대해 아예 모르는 사람이라면

크롬브라우저의 개발자 도구를 사용하는 것이 수월할 것이다. 

 

본인이 맘대로 꾸미고 싶은 자신의 티스토리 글에 들어가서 F12를 눌러주고 

ctrl+shift+c를 누른 후 본인 글에 마우스를 주루룩 훑으면 웹사이트의 뼈대를 구성하는 블록들이 형형색색으로 나타나게 된다.

 

현재 필자가 편집하고 싶은 이상적인 부분은 <div class ="area-view">이라고 되어 있는 부분이다. 

<div class="area-main">에 마우스를 호버링해도 같은 영역이 표시되지만, 

area main을 바꾸면 글뿐만이 아닌 본인 티스토리 홈페이지에까지 영향을 미치기 때문이다.

 

그러나 CSS편집기에 들어가서 ctrl+F를 사용하여 하염없이 'view'를 검색했으나

odyssey스킨을 개발하신 분께서 area-view만을 편집할 수 있도록 코딩을 해놓으신것 같지 않았다.

어쩔 수 없이 'main'을 편집하는 수밖에 없었다.

다시 한번 강조해서 말하지만 필자는 코딩과 관계가 없는 사람이다.^^...

 

.area-main{

이라고 써진 부분의 아래에 width와 max-width를 적절히 조절해주면 글의 너비를 맘대로 조정할 수 있다. 

경험상 width 90%, max-width 790px로 할 경우, 글을 작성할때와 똑같이 업로드가 되는 것 같다. 

 

필자의 머리가 더 좋았으면 코드 구조를 갈아엎고 이상적으로 변형할 수 있었을텐데 아쉽다.

아무튼 자유롭게 스킨을 꾸밀 수 있는 것이 티스토리의 매력인 것 같다.