블로그 줄 간격 조정 글 가독성을 높여보자.

블로그 줄 간격 조정 글 가독성을 높여보자.

티스토리 블로그의 줄  간격 설정에 대해 알아보도록 하겠습니다.
줄 간격을 조정 하여 글의 가독성을 높여봅시다.

티스토리 블로그의 줄 간격은 일반적으로 1.3으로 설정되어 있습니다.
글 간격이 너무 좁아 눈에 피로를 주어 가독성이 떨어지는 스킨을 적용 하신 분들에게 줄 간격을 조정 하는 것만으로도 눈의 피로도와 가독성을 높일 수 있습니다.

티스토리 구조

일반적인 스킨의 구조 
화면의 전체가 body
container > (header, content, sidebar, footer) 가 들어 있습니다.

글을 작성 하는 포스트는 container 안에 포함되어 있으며, 줄 간격을 설정하기 위해 티스토리 관리자모드 모드 접속해주세요.

블로그 줄 간격 조정 글 가독성 높여보자.

티스토리 관리자모드 접속.
HTML/CSS 편집 클릭

검색 Ctrl + F 하셔서  #content         <=== 요 항목을 검색해 주세요.

쿨펀치의 경우 스킨에 line-height:1.8; 없었습니다. ㅠㅠ 없다면 만들어 넣어야죠.

쿨펀치의 style.css #content {                margin:0;                float:left;                width:/*@post-width=*/740px/*@*/;                padding: 35px 0 0 30px;                                                                                          <----  여기에 line-height:180% 넣어 주세요. }

일반적인 스킨 #content {                float:left;                width:/&*@post-widh=*/740px/*@*/;                    본문 줄 간격                line-height:100%   <----  여기에 }

위 이미지는 line-height:180% 적용사례

위 이미지는 line-height:100% 적용사례

이해가 잘 안되시죠? 

line-height 의 180%을 풀어 보면 100% 현재 글씨크기 80% 는 다음 줄을 쓰기 전 까지 띄어지는 부분 이렇게 생각 하시면 됩니다.

content를 설정했음에도 적용이 안 되는 경우는 style.css 창 body 부분에 줄 간격에 대한 설정이 되어 있는 경우 입니다.
수정하기 위해선 아래와 같이 변경을 해주시면 됩니다.

이상 줄 간격 수정으로 눈의 피로도를 줄여 가독성을 높일 수 있습니다.
즐거운 블로그 생활 하세요.

관련 글 & 도움되는 글 - 블로그 댓글창 배경 이미지 넣기 - 블로그 폰트 (글꼴) 설정방법 추천! 가독성을 높여보자. - 블로그 폰트 (글꼴) 만들기 - 애드센스 광고위치 변경 좌측 우측에 애드센스 넣기 - 애드센스 와 뷰 애드박스 동시에 달아보자. - 검색엔진 최적화하는 방법01 - 타이틀 순서 변경 - 검색엔진 최적화하는 방법02 - 페이지 로딩 속도 개선 방법 - 검색엔진 최적화하는 방법03 - 구글 검색엔진 메타태그 설치

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.