워드프레스 목차 넣는 법 (Feat. 카덴스 워플 ALL 100 테마)

워플에서 제공하는 워드프레스 기본 테마 인 올백(ALL100) 테마에는 기본적으로 제공되는 목차 기능이 있습니다. 다음과 같이 생겼죠! 🙂

위와 같은 목차를 어떻게 집어넣는지 알아보겠습니다.

워드프레스 테마 ALL100 글 목차 넣는 법

주의 사항

워플 올백 테마는 워드프레스의 블록 편집기를 이용하는 것을 전제로 제작되었습니다. 따라서, “클래식 편집기”를 사용하신다면 비활성화 해주시고, 블록 편집기를 사용해주시기 바랍니다.

이 말이 무슨 말인지 모르시는 분들은 걱정안하셔도 됩니다. 이 글을 읽으시는 현재 기본 편집기를 블록 편집기라고 부릅니다. 그냥 사용하시면 됩니다.

목차 집어넣기

글쓰는 창에 다음과 같이 입력모드를 만들어 줍니다. 그냥 아무 곳에서나 엔터를 치면 나옵니다.

위 처럼 나오는 것은 현재 랭크매쓰 플러그인이 활성화 되어있다는 뜻이고,

Type / to choose a block or // to use Content AI

라는 것은 슬래쉬 키(/)를 입력해서 넣고자하는 메뉴를 불러 올 수 있다는 것입니다. 이제 다음과 같이 `/toc` 를 입력하면 다음과 같이 워플 테마 목차를 검색할 수 있습니다.

워플테마TOC를 선택 하면 그 자리에 아래와 같이 목차가 입력되는 것을 볼 수 있습니다. 참고로, 여러분이 처음 목차를 입력하면 다음과 같이 아무것도 뜨지 않는게 정상입니다.

문서 목차는 자동으로 문서에 삽입된 h2, h3, h4를 잡아내도록 설정되어있습니다. 즉, 여러분이 h2, h3 태그를 아래 그림을 보시죠.

• Start adding Heading blocks to create a table of contents
  • 목차를 입력하려면 Heading 블록을 추가하세요 라는 뜻입니다.

위 그림에서 1.정보수집이라고 제목을 쓴 것 같은데 목차에 반영이 안되어 있다는 것은 heading 블록이 아니라는 소리입니다. 헤딩 블록은 슬래쉬 대신 샾(#)을 원하는 개수만큼 써주고 스페이스를 눌러주시면 됩니다. 따라서 h3의 경우, 샾을 3개를 붙여서 써주고, 한 칸 띄어주면 Heading 3 입력모드가 됩니다.

이렇게요.

또한, 목차 왼쪽 클릭을 하면 뜨는 오른쪽 메뉴에서 잡아내는 목차 레벨을 입맛대로 변경가능 합니다. 현재 워플의 목차는 h2~h4를 자동으로 잡아내도록 설정되어 있습니다.

목차 닫아놓는 법

24년 5월 구글의 알고리즘이 유출되면서 사람들이 알아낸 사실 중 하나는 바로 방문자가 홈페이지에 들어와서 얼마나 많은 클릭을 하는가가 해당 글의 구글 랭킹을 결정 짓는데 반영이 된다는 것이었습니다.

저희 워플에서는 이것을 어떻게 이용 할 것인가 생각을 하던 중 목차를 닫아놓는 것도 좋은 영향을 미치겠구나!라는 깨달음을 얻었습니다.ㅎㅎ 그래서, 앞으로 목차 닫아놓으시기 바랍니다.

목차를 닫아 놓는 방법은 목차를 클릭했을 때 뜨는 우측 메뉴 중에서 Collapsible Settings에 들어간 후, Start Collapsed (닫힌 채로 시작하기) 버튼을 활성화 시켜주시면 됩니다!

파란색으로 만들어 놔야 합니다.ㅋㅋ 헷갈리지 마세요.ㅎㅎ 성공하시면 글 미리보기 시 다음과 같이 나옵니다. 오른쪽 아래 화살표를 눌러야 펴지니까 방문자의 행동을 하나라도 더 유도 할 수 있는 것이죠.

보라색 워플테마TOC가 뜨는 경우 (초기버전)

초기 버전 워플 테마를 사용하시고 계신 경우, 아래와 같이 보라색 테두리의 목차가 뜨게 됩니다. 입력방법은 똑같습니다.

그리고 삽입 시 포스트 화면에 약간 어긋나게 삽입이 될 텐데요, 이 경우 다음과 같이 점 세개를 클릭한 후, 패턴 분리를 선택해주면 됩니다.

포스팅할 때마다 자동을 목차 생기게 하는 법?

매번 목차 패턴을 불러오기가 번거로우시다면, 자동으로 목차가 셋팅되게 하는 방법이 있습니다. 카덴스 프로 기능 중 하나인, 카덴스 엘레멘츠 기능을 사용하면 가능합니다. 자세히 알고 싶으시다면 이 포스트를 참고해주세요!

(카덴스 프로) 포스팅 할 때 마다 자동으로 목차 넣는 방법

마치며

오늘은 워드프레스 목차 삽입 방법을 알아보았습니다. 다른 워드프레스 꾸미기가 궁금하신 분들은 워드프레스 꾸미기 모음집 포스팅을 참고해주시기 바랍니다.