티스토리 블로그 폰트 사이즈 바꾸는 방법 ( CSS 코드 수정, 글자 크기 조절, 티스토리 스킨 편집 )

---

티스토리 블로그 폰트 (글자) 사이즈 조절하는 방법

---

---

1. 티스토리 블로그 " 스킨 편집 "

티스토리 블로그는 네이버 블로그와는 다르게 HTML 편집과 CSS 코드 편집을 통해 사이트를 관리할 수 있다. 기본적인 코드 사용 방법만 익힌다면 타 사이트 블로그보다 꾸밀 수 있는 자유도가 높다. 티스토리 블로그에서 내 사이트 디자인을 수정하고, 세부사항을 변경은 블로그 관리 " 스킨 편집 " 설정에서 모두 가능하다. 

 

2. 블로그 스킨 변경은 신중하게

 티스토리 블로그 스킨 변경은 신중하게 진행해야 한다. 한번 블로그 스킨을 설정하고 스킨 편집을 통한 세부 설정, 서치 콘솔 등록 등을 진행했다면 스킨을 변경하면 안 된다. 다른 스킨으로 변경하면 기존에 설정해놓은 모든 HTML 코드와 CSS 코드가 초기화된다. 

 

3. 티스토리 사이트 폰트 사이즈 변경하는 이유

티스토리 블로그 폰트 사이즈 조절은 중요하다. 블로그 포스트 SEO 최적화를 위해 H태그를 꼭 사용해야 하는데 기본으로 설정되어 있는 H태그 글자 크기가 너무 커서 독자들이 읽을 때 문해력이 떨어질 수 있기 때문이다. 기본 스킨은 보통 H1 태그부터 H4 태그까지 내려갈수록 폰트 사이즈는 조금씩 작아지게 설정되어 있다. CSS 코드 사용법만 알고 있다면 언제든 원하는 때에 H태그 글자 사이즈는 물론 본문 폰트 사이즈도 수정할 수 있다. 

 

4. CSS 코드 사용 방법

 CSS 코드는 사이트 디자인을 이루고 있는 수치들을 의미한다. 크게는 폰트의 사이즈와 너비, 사이트를 구성하는 전체적인 구조의 사이즈를 변경할 수 있다. 이미지 기본 사이즈 설정도 가능하며 로고 사이즈 등 상세한 설정까지 가능하다.

 티스토리 블로그에서 CSS 코드 설정은 " 스킨편집 " 설정에서 진행할 수 있다. 스킨 편집 코너에서 우측 상단 HTML 수정을 클릭하고 " CSS " 로 접속하여 수정할 수 있다. 

 

5.  CSS 코드로 글자 크기 변경하기

 CSS 코드로 처음 접속해보면 너무 복잡하고 어려워서 겁이날 수 있다. 하지만 자신을 갖고 한번 글자 크기를 변경해보자. 수많은 css 코드 중에서 포스트 글자 크기 변경에 필요한 코너는 정해져 있다. 다른 css 코드는 일단 건드리지 않도록 하자. 

 콘텐츠 폰트 사이즈 수정에 찾아야 하는 css 코드는 " entry-content " 로 시작하는 코드들이다. 티스토리 기준 css 코드 중앙 쯤까지 내리면 찾을 수 있다. 

 

 " entry-content " 코드를 찾았다면 h1, h2, h3, h4 순으로 폰트의 디자인을 변경할 수 있는 설정값들을 볼 수 있다. 총 5가지 설정값 중에 글자 크기는 " font-size "를 수정하면 바꿀 수 있다. 보통 px 단위, 혹은 em 단위로 되어있어 쉽게 수정이 가능하다. 

 

6. css 코드 신중하게 사용하자. 

 티스토리 블로그 css 코드 변경도 신중하게 사용해야한다. 물론 어느 정도 자신감이 생기면 나만의 사이트 구축을 위해 디자인을 마음껏 변경해도 좋다. 하지만 충분히 익숙해지지 않은 상태에서 백업 없이 css 코드를 잘못 건드리면 사이트 구조 자체가 꼬일 수 있다. 

---

---

DOTT REVIEW 에디터 황진하

DPTT MAGAZINE - http://Dottmag.com

HOME - DOTT

---