티스토리 북클럽스킨 자동목차 만들기

티스토리 자동목차 코드는 제목을 입력하면 자동으로 목차가 만들어주는 편한 기능입니다, 뿐만 아니라 seo 점수에도 기여한다고 알려져 있습니다. 보통 인터넷에 목차 만들기 검색하시면 꽤 복잡한 과정을 거쳐서 만드는데 이 자동목차는 코드 한 번만 복사 붙여 넣기만 하면 자동목차가 만들어지는 매우 편하고 쉬운 목차 만들기입니다.

 

목차를 생성하려면 html이나 css 또는 본문 글쓰기에서 html 형식으로 들어가서 코드를 일일이 수정해 줘야 되는데 글 한번 쓸 때마다 매번 수동적으로 만들어 줘야 되는 건 너무 귀찮은 일입니다. 보통은 서식에서 만들어놔서 필요할 때마다 불러오는 기능으로 쓸 수 있지만 더 편한 방법은 소제목 크기에 따라 자동으로 목차를 만들어 주는 것입니다. 단점이라면 서식에서 만드는 목차는 여러 디자인이 존재하지만 제가 올린 자동목차는 수정하는 방법이 알려져 있지 않아 디자인이 단순하고 수정할 수 없다는 점입니다. 아래 올린 자동목차 파일을 받으셔서 코드를 복사하신 다음 html에서 </body> 바로 위에 삽입을 하시면 됩니다.

 

목차 코드.txt

0.01MB

 

 

적용방법

 

 

티스토리 홈에서 왼쪽 메뉴들 중에 꾸미기에서 스킨 편집으로 들어갑니다.

 

 

 

html로 들어가시면 ctrl+f로 </body>를 검색하시고 body 위에 코드를 붙여 넣기 하시고 우측 상단에 적용 누르시면 됩니다.

 

 

 

자동목차 적용한 모습

 

그럼 이제 소제목을 만드실 때 크기를 제목 1로 만드시면 아래와 같이 자동으로 목차가 만들어집니다.

 

목차는 제목1 ~ 제목 3까지 적용되며 아래 이미지의 테스트 ~ 테스트 3까지 적용한 모습입니다. 솔직히 하위 목차가 그다지 눈에 띄지 않아서 저는 그냥 제목 1만 쓰고 있습니다. 

 

단순하고 심플하지만 매우 편하다는 점과 하위소제목들이 분간이 잘 안 된다는 점이 단점이지만 당장 급하게 목차가 필요하시다면 잠깐 쓰시다가 여유가 되실 때 다양하고 이쁜 목차로 갈아타시는 것을 추천합니다.