티스토리꾸미기, 줄간격 조절 html 초보도 쉽게 따라하기

티스토리를 운영하다 보면 글의 가독성이 중요한 요소로 다가옵니다.

특히 본문의 줄간격이 너무 좁거나 넓으면 독자들이 글을 읽기 어렵게 느껴질 수 있습니다.

이럴 때 줄간격을 조정해 글을 보다 깔끔하게 정리할 수 있습니다.

 

HTML이나 CSS가 익숙하지 않더라도, 몇 가지 간단한 단계만 따라 하면 티스토리 줄간격을 간단하게 조정할 수 있습니다.

이 글에서는 누구나 따라 할 수 있도록 쉽고 자세한 방법을 소개합니다.

 

1단계 꾸미기 스킨편집

 

티스토리의 스킨을 편집할때는 관리자의 꾸미기> 스킨 편집 메뉴를 이용하시면 됩니다.

저는 라꼬스킨을 이용하고 있지만 다른 스킨도 비슷한 단계를 거칩니다.

 

 

• 관리자 화면에서 꾸미기 > 스킨 편집 메뉴를 선택합니다.
• 스킨 편집 화면에서 HTML 편집 버튼을 클릭합니다.
• HTML 편집 화면에 진입하면, 본문 디자인에 영향을 주는 CSS를 조정할 준비가 됩니다.

 

2단계 CSS탭 클릭

html 편집의 두 번째 메뉴 CSS를 클릭합니다.

CSS는 티스토리의 디자인 요소를 조정하는 핵심 코드입니다.

 

라꼬스킨은 이렇게 CSS가 공백이 없어서 저 같은 왕초보는 당황할 수도 있지만 살펴보면 크게 다르지 않습니다.

복잡한 소스코드 중 줄바꿈을 위한 소스코드를 찾아야 합니다. 

그전에 CSS 코드부분을 클릭해서 활성화시켜줍니다.

 

 

• CSS탭을 클릭합니다.
• 동그라미 2 부분을 한번 클릭해서 활성화시켜줍니다. 

 

3단계 ctrl+F를 눌러 줄 바꿈을 위한 코드 찾기

 

Ctrl+F를 눌러 검색 창을 열고 entry-content p를 검색합니다.

라꼬스킨에는 entry-content p가 4개 있는데 그중 가장 처음 나옵니다. 

(2단계의 2. 를 안 했을 경우 코드를 못 찾을 수 있습니다.)

• Ctrl+F를 눌러 검색 창을 엽니다.
• entry-content p를 검색합니다. 이 코드는 본문 단락의 줄간격을 조정하는 부분입니다.
• 검색 결과 중 가장 처음 나오는 entry-content p를 클릭하여 활성화합니다.(스킨에 따라 다릅니다.)

 

4단계 줄간격 조절

entry-content p를 확인하고 밑의 line-height: 를 1.7보다 큰 수로 바꿔주면 줄간격이 늘어납니다.

줄간격을 줄일 경우 1.7보다 작은 수를 써주면 되겠지요.

• 기본적으로 line-height: 1.7;처럼 설정되어 있습니다.
• 줄간격을 늘리려면 1.7보다 큰 수(예: 2.0)를 입력합니다.
• 줄간격을 줄이려면 1.7보다 작은 수(예: 1.5)를 입력합니다.

 

5단계 적용하기

줄간격을 조정한 후, CSS화면 우측 상단의 적용하기 버튼을 클릭합니다.

적용 후 블로그 화면을 새로고침하여 변경된 줄간격을 확인합니다.

 

생각보다 어렵지 않지요? 

html이 낯설어서 조금은 어렵게 느껴질 수 도 있지만 조금씩 도전해 보시면, 원하는 디자인으로 티스토리를 꾸밀 수 있을 거예요.

결론

 

티스토리의 줄간격을 조정하면 글의 가독성이 좋아질 수 있습니다.

특히 독자들이 편하게 글을 읽을 수 있도록 환경을 제공하는 것은 블로그의 전문성과 신뢰도를 높이는 데도 중요한 역할을 합니다.

 

처음에는 html과 CSS가 낯설게 느껴질 수 있지만, 한 번 익숙해지면 블로그의 디자인과 레이아웃을 자유롭게 조정할 수 있는 좋은 도구가 될 거예요. 티스토리 줄간격 조정에 도전해 보세요!

 

 

캔바 폰트 추가하고 배너만들기, GIF 한 페이지씩 저장하는 법

캔바 사용법, SNS마케팅 이미지 만들기

캔바 사용법 AI 생성기로 블로그 프로필 만들기