My TOC Plugin

워드프레스 블로그에서 H2, H3, H4 태그를 자동으로 인식하여 목차(Table of Contents)를 생성하는 플러그인입니다. 4가지 다양한 테마와 직관적인 관리자 대시보드, 스크롤 하이라이팅 기능을 제공합니다.

사용방법

1. 플러그인 설치

  1. 최신 플러그인 파일(ZIP)을 다운로드합니다.
  2. WordPress 관리자 패널 > 플러그인 > 새로 추가 > 플러그인 업로드를 클릭합니다.
  3. 플러그인 파일을 선택하고 '지금 설치하기'를 클릭합니다.
  4. 설치 완료 후 '플러그인 활성화'를 클릭합니다.

플러그인이 활성화되면 자동으로 기본 설정이 적용됩니다.

2. 기본 설정

  1. WordPress 관리자 패널 > 내 목차 메뉴로 이동합니다.
  2. '기본 설정' 섹션에서 다음을 설정할 수 있습니다:
    • 목차 위치: 첫 머리글 앞(기본값) 또는 첫 머리글 뒤
    • 표시 조건: H2 태그가 몇 개 이상일 때 목차를 표시할지 설정
    • 헤더 라벨: 목차 상단에 표시될 제목 텍스트 설정
    • 초기 보기 상태: 목차를 처음에 표시할지 숨길지 설정
  3. 설정 완료 후 '설정 저장' 버튼을 클릭합니다.

3. 테마 선택

  1. 관리자 패널 > 내 목차 > '스타일 설정' 섹션으로 이동합니다.
  2. 4가지 테마 중 원하는 디자인을 선택합니다:
    • 회색 테마: 연한 회색 배경의 기본 목차
    • 하늘색 테마: 파란색 계열의 시원한 디자인
    • 하얀색 테마: 깔끔한 흰색 배경의 미니멀 디자인
    • 따뜻한 색 테마: 오렌지 계열의 따뜻한 색상 디자인
    • 사용자 정의: 배경색, 테두리색, 제목색, 링크색 등을 직접 설정
  3. 선택 완료 후 '설정 저장' 버튼을 클릭합니다.

4. 고급 설정

  1. 관리자 패널 > 내 목차 > '고급 설정' 섹션으로 이동합니다.
  2. 다음 고급 기능을 설정할 수 있습니다:
    • 붙박이 기능: 스크롤에 따라 목차를 화면에 고정시킬지 여부
    • 붙박이 위치: 고정 시 화면의 어느 위치에 표시할지 설정
    • H2, H3 앞에 넣을 문구: 목차 항목 앞에 표시할 기호나 문구
  3. 설정 완료 후 '설정 저장' 버튼을 클릭합니다.

5. 포스트별 설정

  1. 워드프레스 글 작성/편집 화면의 우측에 있는 '목차 설정' 메타박스를 찾습니다.
  2. '이 글에서 목차 비활성화' 체크박스를 통해 특정 글에서만 목차를 숨길 수 있습니다.
  3. 체크하지 않은 글에는 설정된 스타일로 목차가 자동으로 표시됩니다.

H2 태그가 설정한 개수 이상 있는 글에만 목차가 표시됩니다.

사용 설명 영상

이 영상에서는 자동 목차(TOC) 워드프레스 플러그인의 설치부터 사용까지 모든 과정을 자세히 설명합니다.

스크린샷

관리자 대시보드 - 설정 화면

관리자 대시보드 - 설정 화면

실제 적용 예시

실제 적용 예시

주요 기능

4가지 테마 스타일

다양한 테마와 어울리는 4가지 디자인 테마를 제공하여 블로그 디자인에 맞는 목차를 선택할 수 있습니다.

스크롤 하이라이팅

사용자가 글을 읽을 때 현재 보고 있는 섹션이 목차에서 자동으로 하이라이트되어 현재 위치를 쉽게 파악할 수 있습니다.

붙박이 기능

스크롤에 따라 목차를 화면에 고정시켜 긴 글을 읽을 때도 언제든지 목차에 접근할 수 있도록 합니다.

버전 히스토리

버전 1.0.0 (2025-03-23)

  • 최초 릴리즈
  • 4가지 테마 스타일 제공 (회색, 하늘색, 하얀색, 따뜻한 색)
  • 사용자 정의 색상 기능
  • 목차 자동 생성 기능
  • 스크롤 하이라이팅 기능
  • 붙박이 기능 추가
  • 포스트별 목차 비활성화 옵션
  • GeneratePress 테마 호환성 확보
최신 버전 다운로드