티스토리 h2 태그 목차 만들기 : 복사 붙여 넣기로 끝!

목 차 : 티스토리 목차 만들기

• 1. 기존 코드와 다른점
• 2. 어떤 코드인가
• 3. 목차 코드 붙여 넣기

 

티스토리 블로그를 운영하면서 목차를 생성하고 싶지만, 어려움을 겪는 분들이 많습니다.

특히, CSS 편집이 익숙하지 않은 경우라면, 목차를 직접 설정 하는것이 부담스러울 수 있습니다.

 

저도 또한 목차를 만들지 않고 글을 작성 했었지만, 점점 블로그 가독성과 SEO 최적화를 위해 목차의 필요성을 느꼈습니다. 목차가 있으면 검색엔진(구글, 네이버)에서 글의 구조를 더 잘 이해하고, 사용자도 원하는 정보를 빠르게 찾을수 있어 SEO(검색엔진 최적화)에 유리합니다.

 

그래서 이번 글에서는 티스토리 초보자도 쉽게 따라 할 수 있는 **티스토리 쉬운 목차 생성 방법**을 소개 합니다. CSS 편집 없이 글을 작성하면서 복사 붙여넣기만 하면 자동 목차가 생성되도록 도와 드리겠습니다. 

 

 

 

1. 기존 코드와 다른점

기존 블로그는 티스토리 스킨 편집으로 CSS 편집창에 코드를 복사하는 방법입니다.

하지만, CSS를 잘 모르시는 분들이나, 좀더 직관적인 방법을 원하시는 분들이라면, 제가 제공 해드리는 목차 코드를 글을 작성하시면서 복사 붙여 넣기만으로 바로 목차를 생성 하실 수 있습니다. 

 

2. 어떤 코드인가?

이 코드는 매우 간단합니다. 글을 작성 할때 html 모드로 전환한 후, 제공된 코드를 그대로 복사하여 붙여넣기만 하면 자동으로 목차가 생성됩니다.

 

 

 

3. 목차 코드 붙여 넣기 

목차 코드 붙여 넣기는 너무 간단합니다. 아래 제공 드리는 코드를 붙여 넣기만 하시면 됩니다. 

절차 1. 티스토리에서 새로운 글쓰기 

절차 2. 글쓰기 모드를 기본 모드에서 html 모드로 전환

글쓰기 모드를 html 모드로 변환

 

절차 3. 목차 코드 붙여 넣기 : ctrl + c , ctrl + v

목차 코드 붙여 넣기

 

 

 

절차 4. 글쓰기 모드를 html 모드에서 기본 모드로 전환

글씨기 모드를 다시 기본모드로

 

절차 5. 글 주제에 맞춰, 목차 제목 변경

글의 제목(title)은 h1 태그로 지정되므로, 본문 내 목차의 강 항목은 h2 태그부터 구성이 됩니다. 

글 주제에 맞춰, 목차 제목 변경

 

 

이상으로 티스토리에서 쉽게 목차를 만드는 방법을 소개해드렸습니다.

저도 시행착오를 겪었지만, 이 방법이 가장 간단했습니다.

티스토리 목차 코드는 아래 무료로 다운로드 하실 수 있습니다.  

티스토리 초보자분들께 도움이 되었길 바랍니다. 

 

 

 

티스토리 목차 코드.txt

0.00MB

 

 

 

 

티스토리 쉽고 간단한 목차 만들기