[블로그 Tip]티스토리 본문 너비(폭) 넓히기

티스토리 본문 너비(폭)넓히기

 - 티스토리 블로그 개요

 - 본문 너비(폭) 넓히기

---

티스토리 블로그 개요

티스토리를 처음 사용하면 기본 본문의 넓이가 640으로 상당히 작은 편입니다. 때문에 글을 작성하고 화면을 보면 작성했을 때와 다르게 가독성이 많이 떨어지고, 본문 내용 자체가 작아 축소했던 사진들도 본문 내용의 넓이보다 크게 되어 화면에 꽉차보이게 됩니다. 그래서 본문의 넓이를 변경해주어야 하는데, 타 블로그와 다르게 레이아웃을 수정하려면 직접 HTML이나 CSS를 수정해야 합니다.

 · 스킨에 따라 기본 본문 너비가 다른데, 대체적으로 본문의 너비가 작음

 · 본문의 너비를 변경하기 위해서는 HTML이나 CSS를 수정해야함

 

본문 너비(폭) 넓히기

1. 티스토리 관리자 화면으로 이동하기 위해 로그인 후 관리자 화면으로 이동합니다.

 · 티스토리 접속 > 로그인 > 우측 상단에 버튼 클릭 > 톱니모양 아이콘 클릭

 

2. 관리자 화면에서 좌측에 스킨 편집을 클릭합니다.

 

3. 스킨편집 화면에서 html 편집을 클릭합니다.

 

4. html 편집 화면에서 CSS를 클릭합니다.

 

5. 본문 넓이에 관련된 코드 부분으로 이동합니다.

 · 코드 부분 클릭 > Ctrl + F > /* main 입력

 

6. 본문 넓이에 관련된 코드 부분을 확인합니다.

 · main 부분은 본문의 너비 + 메뉴의 너비를 합친 넓이

 · area-main 부분은 본문의 너비

 

7. 본문 넓이에 관련된 코드 부분을 변경합니다.

 · main의 max-width의 숫자를 원하는 본문너비 + 메뉴너비 사이즈로 변경합니다.

 · area-main의 max-width의 숫자를 원하는 본문 너비의 사이즈로 변경합니다.

※ 필자는 main, area-main 모두 260px 만큼 넓게 변경하였습니다.

 

8. 블로그에 접속하여 변경 내용을 확인합니다.