티스토리 자동목차 만들기 (#1스킨 1분만에 적용 끝)

티스토리 글을 쓸 때 본문 내 제목만 설정해주면 티스토리 목차가 자동으로 보이도록 적용할 수 있는데요. 티스토리 자동목차 만들기 1분 만에 설정하는 방법 알아보도록 하겠습니다.

먼저 티스토리 자동목차를 적용한 결과물을 보겠습니다.

글을 작성하면 보이는 바와 같이 목차를 자동으로 보이게 할 수 있는데요. 위 결과물과 동일하게 설정하고 싶으신 분들은 끝까지 읽어주세요.

티스토리 자동목차 만들기

티스토리 자동목차를 설정하기 위해서는 html 편집이 필요한데요.

html 편집에 붙여넣을 스크립트 코드 내용이 상당히 길어서 메모장으로 공유드리니 아래 다운로드 글자를 클릭해서 메모장 파일을 다운받으시기 바랍니다.

1) 파일을 다운받았으면 티스토리 메뉴에서 스킨편집을 클릭합니다.

2) 스킨편집에서 html 편집 화면으로 들어갑니다.

3) 방금 전에 다운받은 메모장을 열고 스크립트 코드를 복사합니다. 그리고 나서 </body> 위쪽에 복사한 스크립트를 붙여넣기 합니다.

화면과 같이 스크립트 코드를 붙여넣고, 우측 상단 적용 버튼을 누르면 됩니다. 티스토리 자동목차 만들기 1분만에 끝났습니다.

그럼 자동목차가 잘 적용되었는지 볼까요? 사용법과 함께 확인해 보겠습니다.

티스토리 자동목차 사용법

티스토리 자동목차를 설정하고 글을 쓰면 목차가 자동으로 생성되는데요. 그럼 바로 간단하게 테스트 해보도록 하겠습니다.

1) 글을 작성할 때 목차로 넣고 싶은 부분을 제목1~3으로 지정합니다.

화면처럼 티스토리는 제목 태그를 1~3까지 지정할 수 있는데요. 간단히 제목 태그를 적용하고 미리보기를 하면 목차가 생성되는 것을 볼 수 있습니다.

목차가 잘 나오네요. 만약 목차 위치를 조정하고 싶다면 다음과 같이 하면 됩니다.

2) 본문 안에서 목차를 위치하고 싶은 곳에 [목차여기] 를 입력합니다.

기본적인 목차 위치는 본문 최상단입니다. 그러나 [목차여기] 입력을 통해 본문 내 목차 위치를 변경할 수 있습니다. 목차를 본문 최하단으로 옮겨보겠습니다.

목차 위치가 잘 변경되는 것을 볼 수 있습니다.


오늘은 티스토리 자동목차 만드는 방법에 대해서 알아봤습니다.

티스토리 처음 세팅할 때 목차를 넣고 싶은 분들은 자동목차를 적용해보시기 바랍니다. 한번만 적용해 놓으면 계속 사용가능하니 꼭 활용해보세요.

✅ 티스토리 애드센스 연동 사이트 추가하는 방법

답글 남기기