티스토리 가독성 높은 글씨크기 설정 방법

티스토리의 생명은 주제정하기와 가독성입니다.

따라서 글씨크기가 너무 적거나 너무 큰 경우 이탈률이 높고 그에 따른 체류시간이 짧아지므로 점차 상위노출에서 멀어지게 됩니다.

상위노출에서 멀어진다는 건 결국 블로그 지수 및 애드센스 광고 노출 역시 떨어지므로 수익과 직결되는 문제라고 할 수 있겠죠.

오늘은 티스토리의 가독성 높은 글씨크기와 설정방법에 대해 간단히 설명하고자 합니다.

 

반응형

 

 

 

목차

 

 

티스토리 글씨크기 설정방법

 

티스토리의 가독성 높은 글씨 크기

 

티스토리는 크게 글제목, 본문 내 큰 제목, 소제목, 본문 이렇게 세 가지로 나눌 수 있습니다.

글제목은 H1태그로 조정이 불가능하지만 본문 내 큰제목 외 글들은 글씨 크기 조정이 가능합니다.

 

따라서 본문 내 글씨크기를 조정함으로써 가독성 높은 티스토리를 구현할 수 있는데 각 글자당 적정 크기는 다음과 같습니다.

 

• 본문 내 큰제목 : 26~28p
• 소제목 : 20~22p
• 본문 : 18~ 20p

정도의 크기가 가독성을 가장 높여 체류시간을 증가시키는 크기라고 할 수 있습니다.

 

 

 

티스토리의 가독성 높은 글씨 크기 설정하기 - 제목

 

본문의 큰 제목과 소제목은 각각 서식을 작성하여 보관해 두고 사용하면 됩니다.

블로그 관리 ▶ 콘텐츠 ▶ 서식관리 ▶ 서식 쓰기를 클릭해 줍니다.

제목은 각자 원하는 제목으로 써줍니다. 전 제목이라고 이름 붙였습니다.

 

 

설정 코드는 아래와 같습니다.

 

제목 크기 설정방법

<h2 style="border-bottom: 3px solid #333333; font-weight: bold; padding: 5px;" data-ke-size="size26">H2 제목</h2>
<p style="color: #333333; text-align: start;" data-ke-size="size16">&nbsp;</p>
<h3 style="font-weight: bold; border-bottom: 1px solid #d83c3c; margin: 10px 0px 5px; border-left: 5px solid #d83c3c; letter-spacing: -0.07em; line-height: 30px; padding: 0px 10px 1px;" data-ke-size="size20">H3 중제목</h3>

#333333은 라인의 색상이고 "size26"은 글자의 크기입니다.

위와 같이 글자의 크기를 정한 후 서식저장을 하면 필요한 위치에 제목 서식을 넣을 수 있습니다.

 

 

 

티스토리의 가독성 높은 글씨 크기 설정하기 - 본문

 

본문 크기의 설정은 더 간단합니다.

css에서 한 번만 설정하면 이후 작성하는 모든 티스토리의 글에 적용되는 시스템입니다.

 

가끔 css입력과정에서 오류가 발생할 수도 있으니 css입력 전 html과 css복사본을 만들어 놓은 후 진행해 주시기 바랍니다.

방법은 블로그 관리 ▶ 꾸미기 ▶ 스킨편집  ▶ html편집 ▶ css를 클릭해 줍니다.

 

여기서 ctrl+f를 눌러 "entry content"를 찾아줍니다.

 

 

대략 1400번대에 있습니다.

검색을 하면 여러 개의 entry-content가 보이고 여기서 본문은 entry-content p입니다.

font-size : 0.9375em;을 1.1em으로 변경해 줍니다.

그럼 아래와 같이 대략 18p정도 크기의 글씨크기로 변경된 것을 볼 수 있습니다.

 

글씨의 크기를 변경하기 위해 해야 하는 작업은 css변경만으로 간단하게 가독성 높은 글을 만들 수 있습니다.

---

오늘은 티스토리의 글씨크기 변경하는 방법을 알려드렸습니다.

가독성도 중요하지만 무엇보다 중요한 건 양질의 블로그일 것입니다.