워드프레스 블로그 목차 만들기 2가지방법

워드프레스 블로그를 시작하면서 좋은 콘텐츠를 작성하려면 어떻게 해야할지 고민하다 글이 한눈에 알아볼 수 있으면 알아보기 좋을 것 같아 목차를 넣는 방법을 찾아보고 나중을 위해서 정리해봤습니다.

Table of contents 숨기기
1) RankMath SEO 플러그인 사용하기
2) 워드프레스 블로그 목차 플러그인 4가지
3) LuckyWP Table of Contents 사용하기
3.1) LuckyWP Table of Contents 플러그인 추가하기
3.2) LuckyWP Table of Contents 주요 특징
3.3) LuckyWP Table of Contents 설정방법
4) 참고
4.1) 연관된 글

RankMath SEO 플러그인 사용하기

워드프레스 블로그 목차 만들기 첫번째 방법은 RankMath SEO를 사용하시는 분들이라면 다른 플러그인 설치하지 않고 사용하실 수 있는 방법입니다.

워드프레스 블로그에서 RankMath SEO 플러그인을 이용해서 목차 설정하는 방법 설명

RankMath SEO 플러그인이 설치되어 있다면 좌측 알림판 메뉴에서 선택하실 수 있습니다.

  1. RankMath – General Setting(일반설정)에 접속합니다.
  2. Blocks(블록)를 선택합니다.
  3. 목차 제목을 설정합니다.
  4. 목차 목록 스타일은 ‘Nembered(번호있음)’를 선택합니다.
  5. 제외하고 싶은 헤딩 태그를 설정합니다.
  6. 변경사항 저장 버튼을 클릭합니다.
워드프레스 블로그에서 글 작성시 목차 넣는 방법

글 에디터에서 글을 작성하면서 원하는 위치에서 목차를 추가할 수 있습니다.

  1. 새 블록 추가 버튼을 클릭합니다.
  2. Table of contents(목차)블록을 추가합니다.
  3. 헤딩 태그(h2등)를 추가하면 자동으로 목차가 생깁니다.
  4. 미리보기를 통해서 확인할 수 있습니다.

워드프레스 블로그 목차 플러그인 4가지

워드프레스 블로그 목차 플러그인은 상당히 다양한 종류가 있습니다. 그 중에서 많이 사용하는 목차 플러그인 4가지에 대해서 알아보겠습니다.

  1. LuckyWP Table of Contents
    • 무료, 가볍고 기본기능이 잘 갖춰져 있습니다.
    • 업데이트가 1년전으로 되어 있지만 사용자 평점은 높네요.
    • Rank Math SEO 플러그인에서 공식적으로 인정하고 있다고 하네요.
    • 한글지원합니다.
  2. Table of Contens Plus
    • 30만개 사이트에 설치되어 있다고 나옵니다.
    • 평균평점도 괜찮습니다.
    • 업데이트는 5개월전에 했다고 되어 있네요
  3. Easy Table of Contents (쉬운목차)
    • 업데이트가 잘되고 있습니다. 글 작성 기준으로 3시간전으로 표시되어 있네요.
    • 40만개 이상 사이트에 설치되어 있는 플러그인입니다.
    • 리뷰에 보니 한글지원 되는 것 같네요.
  4. Ultimate Blocks
    • 목차 플러그인은 아니고 구텐베르그 블럭 플러그인으로 목차 플러그인을 지원합니다.
    • 워드프레스 구텐베르그 편집기를 사용한다면 별도 목차 플러그인을 설치하지 않고도 목차를 사용할 수 있습니다.
    • 구텐베르그 편집기가 아닌 클래식 편집기를 사용한다면 사용할 수 없습니다.
    • Rack Math SEO에서 인정한 플러그인이라고 하네요.

다양한 플러그인이 있는데요. 쉬운목차가 최근 업데이트라 설치해볼까 했는데 그래도 Rank Math SEO에서 공식적으로 인정했다는 LuckyWP Table of Contents를 적용해보기로 했습니다.


LuckyWP Table of Contents 사용하기

워드프레스 블로그 목차 만들기 두 번째 방법은 LuckyWP Table of Contents를 사용하는 방법입니다. 초반에 잘 체크해두면 글을 작성할 때 별다른 작업 없이도 목차가 자동으로 생성된다고 해서 사용해보기로 했습니다.

LuckyWP Table of Contents 플러그인 이미지


LuckyWP Table of Contents 플러그인 추가하기

  1. 좌측 알림판 메뉴에서 플러그인을 선택합니다.
  2. 새로추가 버튼을 클릭합니다.
  3. 검색에서 LuckyWP Table of Contents를 검색합니다.
  4. 설치하기 버튼 클릭
  5. 설치가 완료되면 활성화 버튼 클릭
  6. 좌측 알림판메뉴에서 설정메뉴 클릭
  7. 설정메뉴에서 목차 메뉴 클릭
  8. LuckyWP Table of Contents 설정을 해주면 됩니다.


LuckyWP Table of Contents 주요 특징

  1. 헤딩태그(h1~h6)을 목차에 자동으로 삽입합니다. 삽입위치도 설정할 수 있습니다.
    • 첫번째 제목 전에 (before first heading) – 가장 많이 사용하는 방법입니다.
    • 첫번째 제목 다음에 (after first heading)
    • 첫 블록 이후에 (단락 또는 제목) (after first block (paragaph or heading))
    • 상단 (top of post content)
    • 하단 (bottom of post content)
  2. 구텐베르크 편집지 블록 지원
    • 숏코드로 클래식 편집기도 지원
  3. 계층구조 들여쓰기 옵션 적용가능
  4. 목차 보이기/숨기기 옵션 설정가능
  5. 다양한 위치 지정 가능
  6. 글, 포스트에 자동 삽입 옵션지원
  7. 원하는 색상 변경 가능


LuckyWP Table of Contents 설정방법

LuckyWP Table of Contents는 초반에 한번만 잘 설정해두면 계속 설정하거나 변경할 필요가 없다고 해서 초반에 설정하는 방법을 알아보겠습니다. 사실 자동삽입만 활성화하고 사용해도 되지만 몇 가지 변경하면 더 깔끔하게 정리할 수 있습니다.

LuckyWP Table of Contents 일반설정


1. 일반설정

LuckyWP Table of Contents의 기본적인 설정을 하는 메뉴입니다.

  • 제목의 최소 수 : 제목이 2개 이하인 짧은 글은 목차를 만들지 말라는 설정입니다. 숫자를 지정할 수 있습니다.
  • 깊이 : 목차를 3단계 깊이까지만 만들라고 설정할 수 있습니다. 기본값은 6입니다. 3단계면 헤딩제목 h2,h3,h4까지 반영됩니다.
  • 계층으로 보기 : 깊이에 따라 목차 들여쓰기가 적용됩니다. 체크를 해제하면 h2나 h3나 모두 같은 줄에 보이게 됩니다.
  • 번호 매기기 : 자동으로 들어갈 번호에 형식을 설정할 수 있습니다. 일반적인 번호나 로자숫자등을 선택할 수 있습니다.
  • 번호 매기기 뒤 : 위에 번호가 들어가고 나면 .을 찍을 것인지 )를 넣을 것인지 설정할 수 있습니다.
  • 머리말 제목 : 목차를 표현하는 이름입니다. 보통 목차 또는 Table of contents를 적습니다.
  • 보이기/숨기기 전환 : 활설화를 선택하면 목차를 보이게 하거나 숨길 수 있습니다. 아래 이름표에 내용도 이름을 변경할 수 있습니다. 기본값으로 목차를 숨겨지게 할 수 있습니다.
  • 모두 변경했다면 하단에 ‘변경사항 저장’버튼을 꼭 눌러서 변경사항을 저장해줘야 합니다.
LuckyWP Table of Contents 목차설정중 표시방법 설정하기


2. 표시

목차를 표시하는 다양한 옵션을 설정하는 곳입니다. 목차 너비,제목 글자 크기, 색상 등을 변경할 수 있습니다.

  • 너비는 자동으로 해두면 글자에 맞춰서 되는 듯합니다. 저는 전체 너비를 선택했습니다.
  • 제목 글자 크기는 이용자 정의 값을 선택해서 120%크기를 설정했습니다.
  • 제목 글자 굵기는 굵게 로 설정
  • 항목 글자 크기는 이용자 정의 값을 선택해서 100%크기로 설정했습니다.
  • 색상 구성표는 밝은 색상을 선택했습니다.
  • 모두 변경했다면 하단에 ‘변경사항 저장’버튼을 꼭 눌러서 변경사항을 저장해줘야 합니다.
LuckyWP Table of Contents 목차설정 방법 중 자동삽입 설정하기


3. 자동삽입

목차를 자동으로 삽입할 수 있도록 설정하고 자동으로 목차가 들어갈 위치를 설정할 수 있습니다.

  • 목차 자동 삽입 : 활성화를 체크해줍니다.
  • 위치 : 저는 ‘첫 번째 제목 전에’를 선택했습니다.
  • 글 종류 : ‘글’만 체크해 뒀습니다.
  • 모두 변경했다면 하단에 ‘변경사항 저장’버튼을 꼭 눌러서 변경사항을 저장해줘야 합니다.
LuckyWP Table of Contents 목차설정중 기타설정하기


4. 기타

제외하고 싶은 헤딩이라던지 SEO등을 설정할 수 있습니다.

  • 제외하고 싶은 헤딩을 선택할 수 있습니다. h5,h6을 체크해두면 h5,h6은 글에서 적용해도 목차에는 적용되지 않습니다.
  • SEO부분에서 <!–noindex–>태그로 목차씌우기, rel=”nofollow”를 링크에 사용하기 등을 체크했습니다. 사실 무슨 역할인지는 잘 모르겠지만 SEO들어가면 왠지 적용하고 싶습니다.
  • 모두 변경했다면 하단에 ‘변경사항 저장’버튼을 꼭 눌러서 변경사항을 저장해줘야 합니다.


지금까지 워드프레스 블로그 목차를 만드는 2가지 방법에 대해서 알아봤습니다. 추가로 플러그인을 설정하지 않아도 되는 RankMath SEO를 사용한 목차 설정방법과 LuckyWP Table of Contents 플러그인을 이용해서 자동으로 목차가 삽입되게 할 수 있게 설정하는 방법을 알아봤습니다.

참고

연관된 글

노트북으로 특성이미지를 찾는 여자워드프레스 무료 GeneratePress 테마에서 특성 이미지(썸네일 이미지) 제거 방법 Engic - A Sleek Multiuse Responsive WordPress Theme 소개이미지워드프레스 테마 2가지 무료 다운로드 방법 (2023년 7월) 워드프레스 이미지 테두리 적용워드프레스 블로그 이미지 테두리 넣는 방법 2가지 + 그림자 효과 적용하기 이미지와 텍스트 글자 사이 간격을 띄우는 코드를 추가css에 복사 붙여넣기한 이미지워드프레스 블로그 본문 이미지와 텍스트 글자 사이 간격 띄우기 및 이미지 가운데 정렬하는 방법 워드프레스 버튼 만들기 3가지 방법 (코딩X,추가CSS넣기,플러그인X) 클라우드 웨이즈 계정 해지클라우드 웨이즈 계정 해지 삭제하기 (cancel Cloudways account)

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동의 일환으로,
이에 따른 일정액의 수수료를 제공받습니다.

“워드프레스 블로그 목차 만들기 2가지방법”의 2개의 생각

  1. 핑백: 워드프레스 블로그 줄 간격 띄우는 방법 (여백 블록 활용)

  2. 핑백: 이미지 용량 줄이는 무료 사이트 추천 : 10가지

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다