티스토리 블로그 줄간격 변경 방법

2017. 7. 11. 23:44 IT, SNS/블로그

지난 포스팅에서는 티스토리 블로그 글씨 크기, 폰트 사이즈를 변경하는 방법에 대해 알아보았습니다. 블로그에 방문을 했는데, 글씨가 너무 작거나 너무 크면 가독성을 해치기 때문에 컨텐츠 내용이 아주 훌륭하지 않는 이상 보기 싫어서 다음부터는 오고 싶지 않을 것입니다. 매번 Ctrl키를 누른 채로 마우스 휠을 위나 아래로 미는 걸 언제까지나 하고 싶지는 않기 때문입니다. 더구나 눈이 안 좋으신 고령 분들에게는 더더욱 그렇습니다.


※ 참고글 :  티스토리 블로그 본문 글씨 크기 바꾸는 방법


 

오늘은 블로그 내용을 봤을 때 가독성에 영향을 주는 또다른 요소인 글자 줄간격을 변경하는 방법에 대해 알아보겠습니다. 



줄간격이 너무 좁으면 읽기가 힘들어지고, 줄간격이 너무 넓어도 마우스 스크롤을 내리는 행동을 그만큼 많이 해야하기 때문에 그 적정 선을 찾는 것이 중요합니다. 어떤 스킨, 어떤 디자인인지에 따라 조금씩 설정 방향이 달라져야 하겠지만, 일반적인 경우 줄간격을 몇 픽셀로 하면 좋을지에 대한 개인적인 의견도 함께 달도록 하겠습니다.

 

 

먼저 자신의 블로그에서 q키를 눌러서 관리화면에 진입합니다. 티스토리 관리화면에 들어오면 꾸미기란의 HTML/CSS 편집 부분을 클릭합니다. 그러면 기본적으로 HTML탭으로 진입이 될텐데 여기서는 만질 것이 없으니 CSS 탭을 클릭해줍시다.

 

CSS에 들어왔다면, 오른쪽에 보이는 흰 바탕 아무곳이나 한 번 클릭해준 뒤, Ctrl키와 Q키를 동시눌러서 검색창을 뜨게 합니다. 검색창에 article p라고 입력하신 후 엔터를 쳐서 검색을 해줍니다. 스킨에 따라 다르겠지만 대략 100몇번째줄 쯤에 .article p {margin:1em 0;}과 같은 부분으로 이동하게 될 것입니다. 여기에 사진과 같이 줄간격 태그 코드인 line-height:35px; 라고 입력을 해준 후 저장 버튼을 눌러줍니다.



▼ 줄 간격 35px 

그리고나서 글쓰기를 해주면 줄간격이 평소보다 보기좋게 넓어진 것을 확인하실 수 있습니다. 위 사진은 줄 간격이 35px일 때의 모습이고 아래 사진은 줄 간격을 20px로 한 사진입니다.

 

▼ 줄 간격 20px 

확실히 줄 간격이 작은 것보다 적당하게 넓은 것이 보기에도 좋고 잘 읽힐 것입니다. 


항상 방문자 분들에게 보여질 최종 모습을 생각하면서 최대한 배려해드릴 수 있도록 하는 마음씨 좋은 블로그 운영을 해주신다면 정말 감사하겠습니다.

 

티스토리 블로그 글목록 리스트 카테고리에 구글 애드센스 광고 달기 방법

티스토리 블로그 기본 폰트, 글꼴 바꾸기(변경) 방법

티스토리 블로그 스킨 변경 등록 방법 및 반응형 스킨 추천

HTML 색상표, 색상코드표, 컬러코드표 간단히 이용하기

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그 머리말 디자인 바꾸는 방법

 

티스토리 블로그 줄 간격변경방법에 대해


알게 되셨다면 아래 하트버튼을 눌러주세요.


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그