티스토리 문단 제목 크기 조절 방법

티스토리 글 작성을 하시다 보면 문단 작성에서 제목1, 제목2, 제목3을 이용하여 글을 작성하실 텐데, 크기가 점점 작아지면서 본문 글씨 크기와 제목 글씨 크기가 비슷해져서 답답함을 느끼시는 분들이 많으실 거라고 생각합니다.

본문 글로만 작성하게 되면 구글 AI 봇이 좋은 글이라고 판단하기 어렵기 때문에 구글 봇이 이해하기 쉽게 제목으로 명확히 구별해주면서 작성해주셔야 합니다. 저는 개인적으로 제목 글씨 크기가 전부 같은 걸 선호하는 편인데요.

오늘은 티스토리 문단 제목의 크기를 같게 하는 방법을 알려드리도록 하겠습니다.

기본적인 내용부터 응용까지 설명드려서 글이 다소 길지만, 천천히 따라해보시면 이해하시는데 도움이 되실 테니 끝까지 읽어주셔서 포스팅하시는데 도움이 되셨으면 좋겠습니다.

 

티스토리 문단 제목이란?

티스토리에서 글작성을 하게 되면 문단 모양을 선택하실 수 있는데요.

사진과 같이 제목1, 제목2, 제목3으로 내려갈수록 글씨 크기가 작은 것을 알 수 있습니다.
또한 글을 많이 작성하신 분들은 내용에 따라 제목4, 제목4까지도 사용하고 싶으신 분들도 있다고 생각됩니다.
그렇기 때문에 제목4, 제목5까지도 작성하실 수 있도록 밑에서도 공유하도록 하겠습니다.

 

CSS 편집에서 제목 글씨 크기 조절

티스토리에 익숙하지 않으신분들은 CSS가 어디 있는지 찾아가기 쉽지 않은데요. 먼저 CSS 편집 탭부터 이동하는 방법부터 알아보도록 하겠습니다.

먼저 자신의 티스토리에서 '관리' 탭으로 이동하시면 왼쪽에 여러 탭들이 보이실 텐데요. 그중에서 '스킨 편집' 탭을 눌러주시면 되겠습니다.

 

 우측 상단에 보이시는 html 편집에 들어가주시면 HTML / CSS / 파일업로드 탭들이 보이실 겁니다.

그중에서 오늘은 CSS 편집을 이용해서 제목 크기 조절을 하도록 하겠습니다.

 

06번에 있는 'Entry Content'를 복사해주세요. 그다음 ctrl+f 눌러주시고 'Entry Content' 붙여넣기 해주셔서 엔터를 눌러주세요. 그럼 글씨 크기를 조절할 수 있는 곳으로 넘어가게 됩니다.

 

처음 보시게 되면 뭐가 뭔지 잘 모르실 텐데요. 먼저 h1은 글 작성하실 때 문단 제목이 아닌 글 제목이기 때문에 기본적으로 건드리지 않는 것이 좋습니다. 따라서 글 내용에 h1을 적용하실 수 없게 되겠습니다.

그럼 우리가 수정해야 할 항목들은 h2부터 할 수 있는데요. 저는 먼저 h2부터 h4까지 동일하게 font size를 1.35로 통일시켜놨지만 여러분들은 저와 다르게 점점 font size가 작아지게 설정되어있으실 겁니다.

따라서 걱정하지 마시고 자신이 원하는 글씨 크기(=font size)를 찾으시고 원하시는 크기로 맞춰주시면 되겠습니다.

 

※Tip : 제목1은 h2, 제목2는 h3, 제목3은 h4 입니다.

 

응용

글씨 크기를 통일하는 방법도 가능하지만 일정한 제목부터는 글씨를 줄이실 수 있는데요.

예를 들어, h2~h3까지는 1.35를 사용하고 h4부터는 줄이고 싶으시다면 h4는 1.1을 설정해주시면  내가 원하는 제목 크기로 글을 작성해나가실 수 있게 되겠습니다.

또한 티스토리에서 기본적으로 제공하는 게 제목 1~3까지인데요. html 편집으로 제목4(=h5)를 추가하실 수 있습니다.

그렇다면 어떻게 추가할 수 있는지 알려드리도록 하겠습니다.

 

먼저 기본적으로 css 편집에서 h5를 추가해주셔야 하는데요.
css 편집에서 h4까지 밖에 없기 때문에 기존에 있는 설정 값을 복사하신 후 h5로 수정하시고 저장하시면 간단하게 h5를 추가하실 수 있게 되겠습니다.

 

이제 제목4(=h5)를 글에 적용하는 방법에 대해 알아보도록 하겠습니다.

 

기본적으로 글 작성하실 경우 '기본모드'에서 작성하실 텐데요. 기본모드를 눌러주시면 여러 탭이 나오게 됩니다.
그중 HTML을 눌러주시면 여러 명령어로만 작성되어 있어서 당황하실 텐데 앞으로 익숙해져야 할 공간이라고 할 수 있겠습니다. 

 

사진에서 처럼 h2가 양끝에 적용된 문단이 1개이기 때문에 총 h2가 2개 적용되어 있습니다.

보통 좋은 글은 내용에 따라 다르겠지만 순서대로 작성되는 게 좋다고 알려져 있습니다.
따라서 h2를 h3으로 바꿔주시려면 html에서 'CSS 편집에서 제목 글씨 크기 조절' 양 끝에 h2를 h3로 바꿔주시게 되면 쉽게 제목 문단을 바꿀 수 있는 것을 확인하실 수 있겠습니다.

이 방법을 응용하게 된다면 제목4를 적용하고 싶으시다면 h5로 변경하시면 적용되는 것을 확인하실 수 있습니다.

 

---

 

오늘은 티스토리 문단제목 크기 설정, html에서 제목 크기 설정하는 방법, 등 알려드렸는데요. 사진과 글로만 설명드리다 보니 글이 길어지고 다소 복잡하게 느껴지실 수도 있지만 천천히 따라 해 보신다면 충분히 적용하실 수 있으실 테니 천천히 따라 해 보시고 혹시라도 안되실 경우 댓글을 남겨주시면 추가 설명을 드리도록 하겠습니다.

오늘도 행복한 하루 되시고 긴 글 읽어주셔서 감사합니다.