티스토리 블로그 라꼬 스킨 PC 모바일 뷰, 글자 높이 간격(본문 문단) 수정하기

요즘 많은 분들이 라꼬 스킨을 사용하고 계신데요.
라꼬 스킨이 성능도 좋은데 가성비가 좋아서 많이 추천되고 있죠.
저도 라꼬스킨을 만족하면서 사용 중입니다.

 

다만 모바일뷰로 보았을 때 글자 높이 간격 부분이 좁아서 답답한 면이 있었는데요.
간단하게 수정하고 좀 더 가독성 좋은 블로그로 바꿔보겠습니다.
그럼 시작합니다!

 

PC버전 글자 높이 간격 수정

 

먼저 PC버전으로 볼 때 본문 문단의 간격을 수정해 보겠습니다.
기본 세팅이 35px로 되어 있어서 줄 바꿈 했을 때 간격이 너무 커서,
저는 수정해서 사용하고 있는데요.

 

PC버전 간격은 스킨편집에 들어가서 쉽게 수정할 수 있습니다.

 

 

1. 블로그 설정에서 꾸미기의 스킨편집 클릭

 

 

2. 스크롤을 제일 밑으로 내려 root 칸의 본문 문단 간격(px) 수정 후 적용 클릭

 

기본은 35로 되어 있지만 저는 5로 수정해 주었습니다. 

 

 

구글 SEO에 최적화된 티스토리 라꼬 (laggo) 스킨 출시

 

모바일버전 글자 높이 간격 수정

 

모바일 뷰로 보이는 본문 문단 간격을 바꾸기 위해서는 CSS 코드를 수정해야 하는데요.
생각보다 간단하니 따라 해 보세요.

 

수정 전

 

수정을 하기 전에는 위와 같이 하이라이트 부분이 겹쳐 보이고 간격이 좁아서 좀 답답한 느낌입니다.

 

수정 후

이렇게 간격을 넓혀주어 가독성이 좋게 만들어 보겠습니다.

 

 

1. 먼저 스킨 편집으로 들어갑니다.

 

 

2. html 편집을 클릭합니다.

 

 

3. CSS 클릭

4. CSS 편집 창에서 Ctrl+F를 하여 찾기에서 위와 같이 코드를 검색합니다.

 

잘 보이지 않으시는 분들은 아래 메모장을 다운로드하여 복붙 하시면 됩니다.

라꼬스킨-모바일뷰-본문-문단-간격-수정시-찾을-코드.txt

0.00MB

 

 

5. 총 4개의 결과 중 가장 마지막 코드로 이동하여 숫자를 원하는 크기로 변경해 줍니다.

 

기본은 1.625 rem으로 설정되어 있는데, 저는 2 rem으로 수정하여 사용하고 있습니다.
간격을 좀 더 넓히고 싶으시면 숫자를 크게 바꾸시면 됩니다. ^^

 

---

글자 간격 높이가 디테일한 부분이라 놓칠 수 있지만,
답답해 보이면 방문자가 싫어하기 때문에 수정하여 잘 읽히도록 해주시는 게 좋습니다.
그럼 도움 되셨기를 바랍니다. 감사합니다.

 

블로그 포스팅 가독성 높이는 법 5가지, 잘 읽히는 글쓰기가 수익을 높인다

티스토리 블로그 링크 삽입 고민, 현재창 전환 vs 새창으로 열기

티스토리 블로그 3개월 차 방문자수와 수익, 솔직한 후기!