[티스토리 꿀팁] 본문&타이틀 간격 조정하여 가독성 높이기 (북클럽스킨)
본문 바로가기
진둥이의 꿀팁

[티스토리 꿀팁] 본문&타이틀 간격 조정하여 가독성 높이기 (북클럽스킨)

by 진둥 2023. 2. 7.
728x90
반응형


티스토리 본문&타이틀 간격조정

본문 서식 수정

가독성을 높여보기


티스토리는 네이버블로그와의 다르게 HTML 형식으로 마음껏 변환이 가능해요.

하지만 어렵죠.. 맞아요.  

저도 전문가가 아니기때문에 여러방면으로 소개해드리는 건 어렵지만, 가장 기본적으로 가독성을 높이기 위한 

본문 타이틀(제목) 배치와 줄간격을 수정 꿀팁 알려드릴게요.


1. 타이틀 수정하기

타이틀 배경 간격 줄이기

블로그관리 → 꾸미기(스킨편집) → html편집 → CSS 

Ctrl+F 로 글자를 검색해주세요.   "post-cover"   (줄번호 1046번)

수정 : height : 340px; → 220px; 

 

✅ 이렇게 하고 우측 상단에 적용버튼 클릭 ! 

  - 페이지 들어가보면 뒷배경이 짧아졌어요. 근데 윗쪽으로 글자가 쏠려서 보기 안좋으니까, 여기서 추가로 ! 

 

타이틀 글자위치&두께 조정하기

  ✅ 글자 위치 중앙으로 오게끔 : .post-cover .inner {   (줄번호 1067번)

수정 : padding-bottom : 78px; → 40px; 

   ✅ 글자 두께 두껍게 하기 : .post-cover h1 {    (줄번호 1079번)

수정 : font-weigh : 300; → 500; 

 

✅ 수정하셨으면 우측 상단에 적용버튼 클릭 ! 

  - 페이지 들어가보면 글자가 가운데 정렬되고, 두껍게 적용되었어요.


2. 본문 줄간격 줄이기

블로그관리 → 꾸미기(스킨편집) → html편집 → CSS 

Ctrl+F 로 글자를 검색해주세요.   "entry-content p"   (줄번호 1400번대)

수정 : margin-bottom : 32px; → 5px; 

 

🔻

 

본문 줄간격이 줄어드니까 훨씬 가독성이 좋아졌죠? 

간격은 적용하시고 새로고침 눌러보시면서 본인이 원하는대로 숫자 조정하시면 됩니다. 

 

도움이 되셨아면 아래 구독하기 버튼도 눌러주세요. 우리 소통해요 ♡

728x90
반응형