[Wordpress] 워드프레스 수동으로 목차 만들기 (플러그인 없이 목차 만들기)

목차를 만들 때 본인이 사용하는 테마가 워드프레스가 지원하는 각종 플러그인과 잘 맞아 떨어지면 플러그인을 쓰면된다. 찾아보면 각종 무료 목차 생성 플러그인들이 있다.

 

그러나 그게 안된다면 수동으로 만들어주어야 한다.

 

1. 아무 페이지 생성 (또는 기존에 사용 페이지) - Add block 생성

2. Heading추가

3. 아무 제목 입력 - ... 클릭 - Edit as HTML

4. 제목과 내용을 만들고 HTML코드를 아래와 같이 수정.

<h2 id="anchor-1">Section 1</h2>

이 방법으로 HTML과 그냥보기를 토글할 수 있다.

5. 목차를 만들고자 하는 곳에 커서 - 상단의 + 버튼클릭

 

6. 스크롤 아래로 내린 후 "Custom HTML" 선택

7. 목차 HTML 코드를 입력한다.

    * 아래에서 새창으로 열기를 사용할 경우 target="_blank" 를 넣으면 되고 아니면 빼면된다.

<div class="toc">
<ol>
<li><a rel="noopener" href="#anchor-1">Section 1</a></li>
<li><a rel="noopener" href="#anchor-2">Section 2 </a></li>
<li><a rel="noopener" target="_blank" href="#anchor-3">Section 3 </a></li>
<li><a rel="noopener" target="_blank" href="#anchor-4">Section 4 </a></li>
</ol>
</div>

 

반응형

 

(결과)

3, 4번을 누르면 새창을 열고 이동한다. 반면 1,2번은 바로 이동.

 

 

무료 플러그인으로 자동으로 목차를 생성하고 싶다면 아래 참고.

https://ansan-survivor.tistory.com/1348

[Wordpress] 무료 목차 만들기 플러그인 (table of contents plus)