TOC 위젯 생성기

블로그 글에 자동 목차를 넣어보세요. 코드 복사 한 번이면 끝!

// Products

옵션 설정

표시 모드

본문 목차?글 본문 상단에 접기/펼치기 형태로 목차를 표시합니다

사이드 목차?화면 측면에 고정 목차를 표시합니다. 모바일에서는 플로팅 버튼으로 바뀝니다

디자인

테마?위젯의 배경·텍스트 색상 테마

메인 색상?목차 강조 색상 (활성 항목, 아이콘 등)

본문 목차

불릿 스타일?인라인 목차 항목 앞에 표시되는 기호 스타일

인라인 기본 펼침?페이지 로딩 시 인라인 목차를 펼친 상태로 시작

섹션 갯수 표시?본문 목차 헤더에 "(4개 섹션)" 같은 섹션 수를 표시합니다

사이드 목차

사이드 위치?사이드바와 플로팅 버튼의 좌우 위치

사이드바 진행률 바?사이드바 하단에 글 읽기 진행률 바 표시

고급

최소 헤딩 수?소제목이 이 수보다 적은 짧은 글에서는 목차가 자동으로 숨겨집니다. 예: 3이면 소제목 2개 이하인 글에 목차 안 뜸

미리보기

글 본문 상단에 표시

목차 (4개 섹션)

화면 측면에 고정

42%

모바일 / 접었을 때

서식 코드

<!-- buildify365 TOC -->
<div id="auto-toc"></div>
<script src="https://cdn.jsdelivr.net/gh/buildify365/auto-toc@v1/auto-toc.min.js"></script>