티스토리 블로그 본문 글자 크기 조절하기 스킨편집 CSS 활용

- 티스토리 블로그 본문 글자 크기 조절하기 -

 

사람들은 정보를 얻기 위해 포털사이트에 항상 검색을 합니다. 여기서 블로그를 클릭했을때 글자 크기가 너무 작아서 보기가 힘들거나 또는 글자가 너무 커서 거부감이 들면 바로 나가버리는 경우가 있는데요. 이러면 블로그에 정말 안좋은 영향을 미칩니다. 바로 체류시간이 떨어지는다는 점인데요.

 

체류시간을 높이기 위해서는 바로 가독성있는 글을 쓰는 것인데 글을 잘 쓰는 것도 중요하지만 글자 크기 역시 정말 중요합니다. 글자크기는 화면이 뜨자마자 바로 나타나는 거기 때문에 잘 안보인다면 그냥 글을 읽지도 않고 사이트를 이탈하는 경우가 생기기도 하죠.

 

이번에는 사용자들이 보기 편하게 티스토리 블로그 스킨편집에서 css를 통해 간단하게 글자크기를 편집하는 방법에 대해서 알려드리도록 하겠습니다.

 

ㆍ스킨편집 html 편집

ㆍcss font-size 변경

ㆍ변경 후 확인 및 적용

ㄱㄱ1

---

1. 스킨편집 html 편집

스킨편집>>html편집

먼저 티스토리 관리창에 들어와서 스킨편집을 들어간 뒤 html편집에 들어가주세요.

---

2. CSS font-size변경

CSS

HTML바로옆에 있는 CSS를 클릭 후 Ctrl+F를 눌러 검색창을 띄워줍니다. 검색창에 entry-contenet p를 입력 해주세요.

 

 

entry-content p

그럼 이렇게 1400번대에 entry-content p로 이동하게 됩니다. 여기가 바로 본문 글자 크기를 조절할 수 있는 곳이에요. 위에 h4, 3, 2 소제목이 있는데 소제목 역시 크기 변경이 가능하며 동일하게 변경도 가능합니다.

---

3. 변경 후 확인 및 적용

글자크기 변경 및 확인

미리보기를 좀 티가나게 하기 위해 3.0으로 글자 크기를 줄였습니다. 글자 크기를 줄이신 후 새고로고침을 클릭하면 설정한 글자크기의 크기가 바로 나옵니다,

 

 

확인 후 적용

새로고침을 누르면 이렇게 방금 본문에 작성한 본문 글자크기 조절하는 방법이 엄청 커져있습니다. 저는 그냥 1.0이나 1.1이나 거의 차이가 없지만 블로거 분들은 항상 신경써야한는 부분이죠, 사용자분이 별로라고 생각한다면 끝난겁니다. 자신이 봤을때 별로 차이가 안난다고 생각해도 0.1이라도 키우는게 사용자들을 위하고 체류시간을 늘리는데 더욱 도움이 될 것 같습니다.