[티스토리 관리] 자동 목차 만들기 (고래 스킨)

728x90

 

티스토리관리 - 자동목차생성

 

목차

     

    1. 개요

     

    안녕하세요. 블로그에 목차를 적용하면 구독자로 하여금 글의 전체적인 순서 파악이 용이하게 해주고, 구글 SEO에도 도움이 된다고 합니다.  목차를 매번 수동으로 적용할 경우, 작업이 매우 귀찮고 번거롭습니다. 자동 목차를 적용하면 글 작성 후 자동으로 목차가 생성되어 매우 편리합니다. 그럼 이번 포스팅에서는 고래스킨에서 자동목차생성 적용 방법에 대해서 알아보도록 하겠습니다. 

     

     

    2. 자동 목차 생성 방법

     

     1. 파일 업로드

     

    1) 먼저 아래 첨부 파일을 다운로드 받아서 압축을 풉니다. 

     

    목차자동생성.zip
    0.00MB

     

     

     

    2) 다음 [관리자] → ① [스킨편집] →  ② [html 편집]에 들어갑니다. 

     

    자동목차생성 - 파일업로드
    자동목차생성 - 파일업로드

     

    3) ① [파일업로드]에서 ② jquery.toc.js, jquery.toc.min.js 파일을 업로드 합니다.

     

    자동목차생성 - 파일업로드
    자동목차생성 - 파일업로드

     

     2. CSS 편집

     

    1) CSS 편집창에 다음 첨부파일을 아래와 같이 입력합니다. 

     

    자동목차 CSS.txt
    0.00MB

     

     

     

    자동목차생성 - CSS편집
    자동목차생성 - CSS편집

     

     

     

     3. HTML 편집

     

    1) html 편집창에서 <head> ~ </head> 사이에 아래와 같이 다음 첨부파일을 입력합니다.

     

    자동목차 html head.txt
    0.00MB

     

     

    자동목차생성 - HTML 편집
    자동목차생성 - HTML 편집

     

     

     

    2) 다음 <body> ~ </body< 사이에 아래와 같이 다음 첨부파일을 입력합니다.

     

    자동목차 html body.txt
    0.00MB

     

     

    자동목차생성 - HTML 편집

     

     

    3. 마치며

     

    이상으로 고래스킨에서 자동목차를 적용하는 방법에 대해서 알아보았습니다. 목차가 있으면 사용자가 글의 내용에 대해 파악이 쉽고 SEO에도 도움이 된다고 합니다. 자동 목차 적용 방법은 위에 설명드린 방법 외에 서식으로 생성해서 필요시 적용하여 사용하는 방법도 있습니다. 편리한 방법으로 사용하시면 될 것 같습니다. 

     

     

    방문해주셔서 감사드립니다. 

    이글이 도움이 되셨다면, 공감, 댓글, 구독 부탁드릴께요!

    • 네이버 블로그 공유
    • 네이버 밴드 공유
    • 페이스북 공유
    • 카카오스토리 공유