티스토리 블로그 줄,글자 간격 수정하여 가독성 높이는 방법티스토리 블로그 줄,글자 간격 수정하여 가독성 높이는 방법

Posted at 2012. 7. 18. 20:49 | Posted in 카테고리 없음

티스토리 블로그를 이용할 때 고민 중에 하나가 바로 가독성 문제다. 글자간격이나 포인트가 너무 빡빡하거나 그렇다고 너무 널럴하면 독자 입장에서는 싫증이 나서 눈에 피로가 쌓여 다 읽기도 전에 가버리는 경우가 부지기수 이기 때문이다. 늘 나도 그런 문제 때문에 고민 이었고, 매번 포스팅 할때마다 글자간격이나 크기를 설정해야 했던 기억이 났다.

그러다가 우연히 인터넷에서 특히 티스토리 같은 경우에는 테그를 조금만 수정하면 굳이 매번 수정할 필요가 없는 방법을 찾게 되서 직접 해보고 편리해서 이 곳에 공유하려고 한다.

1. 수정할 부분을 찾아라!

먼저, HTML/CSS 편집을 눌러 skin.html 로 이동.
찾기를 이용하여 article_rep_desc 를 검색하면 빨간 박스 친 코드가 검색이 되고, 그 위에 <div class="article">이나 <div id class="article">를 찾을 수 있다.

2. 본인의 구미에 맞게 수치를 조정해라!

줄간격의 경우 180% ~ 210% 정도가 보통 읽기 좋다. 줄간격을 210%로 수정하려면

<div class="article" style="line-height:210%;"> 로 수정해 주면 되는데 본인은 180%정도로 수정하였다.

(좀 더 넓직하게 하고 싶은 사람은 200%, 210% 로 고쳐도 되지만, 적용하기 전에 미리보기로 한번 확인하고 나서 적용하자!)

 style="line-height:숫자."   -->줄간격

 letter-spacing:1px;"   -->글자간격

위에 사진은 내 블로그의 html 코드다. 일단 글자간격을 나타내는 letter-spacing:1px 고쳤다.

예를 들면 줄간격을 210%, 글자간격을 1px 벌리길 원한다면

<div class="article" style="line-height:210%; letter-spacing:1px;">로 수정해 주면 손쉽게 고칠 수 있다.

 

숫자 부분을 기호에 맞게 고쳐 주시면 만사 오케이!

수정하고 저장해 주시면 기존의 쓰여있던 포스트들 까지 일괄적으로 적용됩니다.

이상 가독성을 높이기 위한 티스토리 글자간격, 줄간격 수정방법에 대해 알아보았다. 두고두고 필요할 때 유용하게 수정하여 즐거운 블로깅을 할 수 있도록 하자!

//

티스토리 가독성 높이는 줄간격 기본 설정 방법티스토리 가독성 높이는 줄간격 기본 설정 방법

Posted at 2012. 2. 16. 22:59 | Posted in 카테고리 없음

 

티스토리 하실 때 편한 점이 html 수정,편집이 용이하다는 사실은 누구나 알 것이다. 그 중에 가독성이 편리하기 위한 줄간격 옵션을 html 설정으로 손쉽게 편집하는 법을 알아 보도록 하자. 
두 가지 방법이 있으니 첫 단계를 해서 적용이 안되면 다음 단계로 진행해 보는 식으로 진행해야 한다.

■ 1. HTML 부문에서 html 수정 해보기
일단 어려운 게 아니니 티스토리 블로그를 개설했다면 관리자로 들어가면 여러가지 메뉴들이 나온다. 그 중에 HTML/CSS 편집 부분을 클릭한다. 그러면 skin.html 폼이 나오면서 여러가지 태그들이 나온다. 그 중에 줄간격을 수정하기 위해서는 ctrl + F 를 눌러서 div class="article 를 검색한다.

아래와 같이 검색을 하면 분명 검색되는 부분이 있을 것이다. 원래는 <div class="article"> 하고 끝나는 부분이다. 여기서 우리가 원하는 가독성 높이기 위한 줄간격 태그를 수정하여 넣으려면?


뒷 부분에 style="line-height:180%;"  부분을 추가하여 삽입 하면 된다.



■ 2. HTML/ style.css 부문 첫머리 수정하기



검색방법은 위와 같지만 커서를 style.css 에 놓고 ctrl+F 로 검색을 하는데 line-height:1.5; 를 찾는다.


찾았다면 1.5 부문을 원하는 줄간격으로 1.8 혹은 2.0 식으로 수정하고 블로그로 돌아와서 확인해 봐서 블로그의 주인 입맞에 맞는 간격을 설정할 수 있다.

■ 후기
간단하지만 모르는 분들이 은근히 많아서 이렇게 정리해서 올려 보았다. 물론 필자는 항상 검증을 거쳐서 직접 해보고 나서 올리니 너무 두렵거나 걱정하지 않으셔도 된다. 단 검색 부분을 잘 찾아들어가서 제대로 오타 없이 수정을 해 주어야 하니 이 점만 유의하면 되겠다.



//