티스토리 제목 헤딩 h태그 꾸미는 방법 (+CSS 코드 공개)

티스토리 제목 헤딩 h태그 꾸미는 방법 알려드립니다. 많은 분들이 블로그를 운영하시다보니 좀 더 이쁘게 글을 쓰고 싶다고 하실만한 분들이 계셔서 공유해드리려고 합니다. 

 

 

블로그에 들어오셔서 글을 읽다보면 여러 배너들도 있고, 광고들이 있다보니 내용을 구분하기 어려워지는 경우가 많아요. 그래서 글을 쓰시는 분들도 정보를 정확하게 편하게 전달하기 위해서 조금씩 꾸미고 싶어하실 것 같아요. (다만, 제목을 이쁘게 꾸민다고 해서 SEO처럼 검색 최적화나 이런 것에는 의미가 없지만, 그래도 보기 좋으면 읽는 분들에게는 도움이 되겠죠?

 

 

티스토리 제목 헤딩 h태그 꾸미는 방법 대공개

아래에 이미지를 보시면 티스토리 제목 헤딩 h태그가 꾸며져 있습니다. 물론 다양한 모양을 만들 수 있지만, 저도 사용해본 결과 가장 가독성이 높고 편하게 바꿀만한 코드는 이것만한게 없어서 알려드립니다. 

 

 

 

제목 헤딩 CSS로 꾸미기

물론, 티스토리를 운영하시는 분들 중에 서식으로 저장해서 사용하시는 분들도 있는데, 충분히 서식으로 사용하셔도 됩니다. 하지만, 저는 글을 쓰는데에만 집중하기 위해서 기본 CSS 코드를 수정해서 변경하는 방법을 공유하려고 합니다. 

 

그럼 먼저,

1. 관리자에서 html 편집으로 들어가세요!

 

 

 

 

 

2. CSS탭으로 이동 후 h태그를 찾자!

 

 

3. 콘트롤 + F 로 'entry' 검색하세요!

 

 

위에 코드를 보시면 .entry 부분에 h태그가 보이실겁니다. 저는 h3 헤딩 부분을 바꿨습니다. 당연히 h1은 건드리시면 안되구요. 2,3 부분에서 원하시는 곳에 적용을 하시면 될 것 같습니다.

 

h태그 샘플 다운로드

 

 

쉽게 복붙하고 싶으신 분들을 위해서 위에 샘플 코드를 공유해드릴테니 다운로드 받으셔서 바로 사용하시면 될 것 같습니다. 각자 스타일이 있으셔서 원하시는 방향이 있을텐데 샘플로 공유해드린 코드를 가지고 다양하게 적용하시면 좀 더 보기 좋은 블로그를 운영하실 수 있을거라고 생각합니다. 

 

[함께보면 좋은 글]

 

2024년 AI 글쓰기 플랫폼 총정리 : 장점과 단점 비교

 

[정보] 미드저니 midjourney 이용가격 플랜 비교 및 사용후기

 

 

 

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.