목 차
티스토리 자동목차 완벽정리
이번 포스팅에서는 티스토리에 서식없이 자동목차를 완성하는 방법에 대해 완벽하게 정리를 해드리겠습니다. 티스토리를 처음 세팅할때 필요한 작업으로 구글 SEO에 큰 도움이 되는 자동목차 완성입니다. 티스토리를 새롭게 개설하신분은 천천히 따라하시면 포스팅을 작성하면 자동으로 맨 상단에 노출이 되게끔 세팅이 됩니다.
우선 티스토리 자동목차를 만들기에 앞서 필요한 파일하나를 다운받아서 '스킨편집 -> html 편집 -> 파일 업로드 -> 추가버튼' 을 눌러 파일 하나를 블로그에 업로드 해주세요. 업로드 하시고 우측 상단 '적용' 버튼 눌러주시구요~
업로드를 하셨다면 천천히 따라 오시면 100% 완벽하게 자동목차가 완성이 될겁니다. 그럼 가보시죠~~
1. HTML 편집하기
1. 스킨편집에서 HTML 편집으로 들어갑니다. ctrl+f 를 눌러 </head> 를 검색하세요. 바로 위에 자동목차 서식을 입력해주시면 됩니다.
이렇게 붙여 넣기 해주시면 됩니다.
2. 두번째는 ctrl+f를 눌러 "<body id=" 를 검색해 주세요. 위에 입력한 헤드가 종료되는 바로 밑에 자리잡고 있습니다. 거기에 아래와 같이 입력해 줍니다.
3. 이제 글을 작성하면 자동으로 포스팅 맨 위에 목차가 자동으로 출력되게 할겁니다. 기존에 서식에 넣을 양식을 포스팅에 자동으로 목차가 출력되게 입력하는 겁니다. 구글 애드센스나 티스토리 광고 바로 아래 자리잡게 될거에요. ctrl+f 를 눌러
"article_rep_desc" 를 검색하세요. 2개가 검색될건데 2번째 부분 바로위에 입력하면 됩니다. 이 부분이 포스팅 위에 출력하게 하는 곳이에요. 구글 애드센스나 기타 어필리어트 배너광고를 넣을때 사용되는 위치입니다.
이렇게 하면 HTML 편집은 완료가 되었습니다. 우측 상단에 "적용" 꼭 눌러주세요~~~
2. CSS 편집하기
이젠 CSS에 목차스타일을 만드는 서식을 입력할 차례입니다. CSS 로 들어가서 가장 하단 부분에 입력해 주면 됩니다.
테두리 색상 및 목차 글자 여백 조정 및 배경 색상 변경하는 부분입니다.
목차 스타일은 본인이 원하는 스타일대로 바꾸셔서 사용하시면 됩니다. 폰트 크기부터 목차 스타일을 바꾸시면 됩니다. 문단별 폰트 크기 및 목차 모양입니다.
요렇게 목차 앞에 붙는 모양을 바꾸시려면 아래 스타일을 참고하세요. 위에 3군데 "squre" 부분을 고치면 됩니다.
자동목차를 마치며
인터넷에 포스팅된 여러 자동목차 완성글을 보고 따라해봤지만 북클럽 스킨에서 마지막 문단이 노출이 안되는 문제가 생겨 직접 한번 정리해 보았습니다. 글을 작성할때마다 서식을 입력할 필요없이 자동으로 글 최상단에 노출이 되게끔 만드시고 싶은 분들은 직접 적용하셔서 사용하시기 바랍니다.
#티스토리자동목차 #티스토리서식없이자동목차만들기 #티스토리100%자동목차 #자동목차만드는이유 #티스토리seo
#티스토리자동목차생성방법 #티스토리자동목차만드는방법 #티스토리자동목차서식 #자동목차글서식 #자동목차오류
#자동목차100%완성 #자동목차꾸미기 #티스토리자동목차양식 #티스토리자동목차모양 #티스토리자동목차배경바꾸기
#티스토리자동목차폰트 #티스토리바동목차폰트크기 #티스토리자동목차색깔 #티스토리세팅방법
'BLOG > Tistory' 카테고리의 다른 글
| 티스토리 애드센스 광고게재제한됨 해결방법 알아보기 (0) | 2023.08.29 |
|---|---|
| 티스토리 네이버 서치어드바이저 수집보류 해결방법 알아보기 (1) | 2023.08.28 |
| 카페24 티스토리 개인도메인 설정방법 알아보기 / 티스토리 2차도메인 설정방법 , 티스토리 하위도메인 리디렉션 하는 방법 , 2차도메인 애드센스 광고송출하는 방법 (0) | 2023.08.09 |
| 티스토리 구글SEO 최적화 하기 - 브레드크럼 설정하기 , 브레드크럼 제목 없애는 방법 (0) | 2023.08.08 |
