2023 티스토리 자동 목차 초등학생 도 따라할수 있습니다.

2023 티스토리 자동 목차 수정 사항이 있습니다.

구글 SEO에 최적화하기 위해서는 목차 선택은 필수라고 생각합니다. 오늘은 2023 최신 버전 티스토리 자동 목차를 들고 왔습니다. 설명 자세하게 해 드릴 테니 믿고 따라오시면 여러분들도 목차 설치 할 수 있습니다. 저도 했는걸요 별거 없습니다 따라오십시오! (자동 목차 생성 스킨은 BOOK CLUB 스킨만 적용됩니다)

목차

1. 다운로드

2023 티스토리 자동 목차.egg

0.00MB

1. 다운로드

파일을 받으시면 파일이 2개가 있습니다. 하나는 자바스크립트 파일 jquery.toc.min.js

또 다른 하나는 스크립트 내용.txt 파일입니다. 자바 스크립트 파일은 스킨편집에 업로드 할것이고

스크립트 내용 파일은 스킨 편집에 html 이랑 CSS 에 넣고 서식에 들어가 서식 만들기만 하면 

끝나는 작업입니다.

2. 요약

스킨편집-->jquery.toc.min.js 업로드 --적용 --html 이동--붙여넣기--적용--CSS 이동--붙여넣기--적용

관리자 페이지--서식만들기--붙여넣기--끝

 

2.설명

1. 스킨편집에 들어갑니다

2.스킨 편집을 누릅니다.

3.파일업로드 누릅니다.

4.추가 버튼을 눌러서 jquery.toc.min.js 업로드 합니다

5. jquery.toc.min.js 잘 올라갔는지 확인합니다.

6.적용 버튼을 누릅니다.

---

여기 까지 잘 따라 오고 있지요? 이제 HTML 이랑 CSS 남았습니다 별거 없습니다 이미지 따라 오시면 됩니다.

 

3. Html or CSS

1.적용 버튼을 눌렀으면 나가지말고 그상태에서 HTML 눌러서 키보드 왼쪽 밑 맨 끝에 CTRL(컨트롤) 이랑 알파벳 영어 F 누릅니다. 그다음 /body 그림에 나온거 처럼 똑같이 타이핑 합니다. 그럼 그림에 보이는거처럼 801번째 /body 가 보입니다

2.아까 다운 받았던 파일 중에서 스크립트 내용.txt  들어가서 /body 바로밑에 붙여넣기 합니다. 그림이랑 똑같이

3.적용 버튼 누르고 CSS 누릅니다.

4. CSS 누른뒤에 스크롤 맨끝까지 내려서 스크립트 내용.txt  CSS 내용 복사 해서 붙여 넣기 합니다.

 

 

4.서식관리 및 자동목차 적용

1. 서식관리 들어갑니다.

 

2.서식 쓰기 눌러 기본 모드에서 html 모드로 바꿔줍니다. 스크립트 내용.txt  맨밑에 위에 이미지랑 똑같은 태그 붙여 넣기 하고 제목 쓰고 저장 누릅니다.

3.제목1은 H2 태그 이고 제목2는 H3 태그입니다 설치 중인 목차는 H3 까지 인식 합니다.

4.기본 모드에서 보면 이런 모습입니다.

5.서식에 들어가서

6.자동 목차를 누르면

7. 중간에 작게 목차가 하나 뜹니다. 그럼 설치 다되었거 더이상 만질 것도 없습니다.

8. 미리보기에 보면 잘 작동 하는것을 알수 있습니다. 

5. 마치며

최대한 간결하게 만들었습니다. 도움이 되었으면 좋겠습니다.