본문 바로가기
블로그

티스토리 본문 줄간격 조정하기.

by 세상밖으로  2010. 4. 23.
반응형
오늘은 블로그 최적화 시키기 그 몇번번째 시간인지는 모르겠지만... 많은 분들이 알고 싶어하시는 부분같아서 이렇게 글 올려봅니다. 내용은 본문 줄간격을 조정하는 겁니다. 줄간격이 너무 따박따박 붙어있어서 읽는데 눈이 아프죠. 가독성이 떨어집니다. 웹디자인에서도 중요하다면 중요한 부분이죠. 적당하게 줄간격을 넓혀줌으로써 눈에 피로도 덜어주고 읽기 쉽게 보여지는 글은 조회수도 어느정도 상승하는 테스트 결과도 있습니다.

그럼 강좌를 시작하겠습니다. 일단 제 스킨을 기준으로 설명드릴텐데요. 스킨 .html 코드나 .css 코드는 스킨마다 약간씩은 달라도 큰 구도는 비슷하니 저와 다른 스킨을 사용하고 계시는 분들은 해당 스킨에서 수정할 부분을 찾아서 변경하시면 되겠습니다. 어렵지 않을거에요~

1. 처음 셋팅 상태의 화면입니다. 줄간격이 너무 붙어있어서 어지럽죠. 읽기도 불편하구요.


2. admin -> 스킨 -> html/css편집으로 갑니다. 처음에는 줄간격 셋팅이 line-height:1.3으로 되
   어있습니다.



3. 처음에 1.3 으로 되어있던 숫자를 늘려줍니다. 저는 2로 셋팅했습니다. 여러분들도 보시기에
   적당한 수치로 변경하시고 저장클릭~



4. 따닥따닥 붙어있던 줄간격이 어느정도 늘어났네요. 읽기가 한결 수월해졌죠?..............
   발견하셨나요? 옆에 카테고리목록까지 줄간격이 벌어졌습니다! 실제로는 저것뿐만아니라 최
   근글이나 방명록, 관련글등 거의 모든 텍스트 줄간격이 늘어난 상태입니다. 보기 어정쩡하네
   요...






5. 다시 admin -> 스킨 -> html/css편집으로 갑니다. 수정했던 line-height:2 요부분을 과감
   히 지워주세요.



6. Ctrl + F (찾기) 를 눌러서 .article 이란부분을 찾습니다. 찾은 후 line-height:2; 를 입력해 주
   세요! 저장하시고 확인해보세요.



7. 본문의 줄간격은 적당히 넓혀져 있고 카테고리의 간격은 다시 원상태로 돌아왔습니다.


간단하죠? 티스토리는 코드를 변경하여 개인의 취향에 맞게 다양하게 변경 가능한것이 가장 큰 매력이죠~ 가끔 적용이 않되는 속터지는 부분이 있긴하지만 티스토리 운영진도 이런부분에 대한 의견을 잘 수렴하고 있는거 같습니다. 멋진 스킨들 많이 만들어보세용~^^



 
반응형

댓글