워드프레스 목차 만드는법 개요
구글에 원하는 검색어로 구글하여 나오는 워드프레스 포스팅을 보다 보면, 네이버 블로그나 다음 티스토리와 다른 특징이 있는 데 그 중 하나가 목차가 나온다는 것이다. 네이버 블로그 자체는 물론 전체적인 툴이 좋아서 글이 읽혀지는 건 쉬울 수 있으나, 처음 글을 읽을 때 글의 구조를 보기 위한 첫 화면에 목차가 없어서 아쉽다는 부분이 있었다.
워프 목차 근래 추세와 개념
물론 개인이 만들면 만들 수 있겠지만, 정형화된 형식이 없기에 다소 불편할 수 있다. 그래도 여전히 국내 사람들은 네이버블로그를 많이 이용하고 있긴 하나 확실히 이러한 부분을 포함하여 자유형식과 기타 장점이 많아 워프로 이동하는 분들이 증가하는 추세라고 할 수 있다.
워프는 네이버와 달리 이러한 점을 개선하기 위해 플러그인이나 자체적으로 목차를 설정할 수 있게 만들어놨다. 이에 플러그인으로 설치도 가능하며 수동으로도 생성을 할 수 있다. 아무래도 이렇게 목차가 있으면 글을 다 읽기전에 보기도 편할뿐더러 내가 진짜 원하는 부분만 찾아 들어갈 수 있다는 장점이 있다.
워드프레스 목차의 필요성
그렇다면 목차가 왜 필요할까?, 책에서는 흔히 서문, 인덱스라고 하기도 하는데, 이는 기본적으로 길라잡이 역할을 해준다. 두꺼운 책을 읽기 전에 어떤 내용으로 구성되어 있는지 알 수 있으며 어떻게 흘러가는지 또한 예상을 할 수 있다. 물론 블로그는 그렇게 길지 않긴 하나 목차가 있으면 읽기가 확실히 편하다. 근래에는 유튜브에서도 이와 같은 기능을 부여하여 이용하는 유저들이 많다.
유튜브 영상을 보다보면 중간중간 몇 분 몇초에 편집점을 잡아두어 끊어주는 스킬을 넣어 주곤 한다. 이렇게되면 영상을 볼 때 원하는 지점을 확인 할 수 있다는 장점이 있다. 특히 킬링파트나 주요 핵심 포인트를 볼 때 말이다.
워드프레스 목차의 경우, 위와 비슷한 유형의 장점이 있다. 읽는 사람들에게 집중력을 더 줄 수 있게 하며 중간중간 눌러 빠르게 스킵도 가능하다. 이러한 기능들과 독자들의 심리적 현상이 결국 구글 SEO점수를 향상 시켜주는 데 도움이 될 수 있다. 그렇기에 우리는 목차를 잘 활용 하여야되는 이유인 것이다.
워드프레스 목차 만드는법
플러그인 설치(Rank math, Lucky wp table)
1) Rank Math
먼저, 방법 중 하나는 플러그인을 설치하여 만드는 것이다. SEO점수를 확인하는 Rank Math가 설치된 분들 아래의 방법을 참고하시면 될 것이다.
먼저 ①랭크메스의 일반설정 탭에 들어가서 ② 왼쪽의 블록 탭을 클릭한다. ③ 그리고 목차 제제목에 들어갈 타이틀을 설정해 준다(ex: 이 글의 목차) 목차 목록 스타일은 번호로 변경 해주셔도 되고 놔두셔도 된다.(본문에 번호를 매길경우 없음, 번호가 없으면 번호스타일로 추천) ④ 목차에 들어갈 헤딩 번호를 클릭한다(보통 3번까지 쓰지만 취향대로 체크) 마지막으로 변경사항 저장 (Save Changes)을 클릭한다.
그리고 이제 글을 작성할 때, ① +버튼(새블럭 추가)을 클릭하여 ② 맨 하단의 Rank Math 에 따른 목차를 클릭한다. 그럼 완성!
응? 이게 만든거야? 안보이잖아 라고 하시는 분들이 있을 수 있다. 위에 설명 드린 것처럼 글 본문에 H1~3(Heading)을 설정해주면 설정값에 따라 맨위에 목차가 자동으로 생성이 된다. 물론 글을 완료(포스팅)해야 읽는 부분에서 보인다.
2) Lucky WP Table of Contents
두번째 플러그인은 럭키 테이블 오브 컨텐츠이다. 플러그인 새로추가로 설치하 신 후에, 설정을 클릭하여 주면 아래와 같은 화면이 현시될 것이다. 사실 이 플러그인 별다르게 바꿔줄 필요가 없을 정도로 간편하게 나온 플러그인이긴 한데, 개인 취향에 따라 조금씩 손을 봐주면 좋을 듯 하다. 예를들어 색깔 너비 제목 등이다.
자, 그럼 바꿔보려면, ①목차설정의 일반설정 탭에 들어간다. ②그리고 번호매기기에 번호를 없음 해도 되며 있는걸로 바꿔좋도 좋다. ③ 제목에는 목차나 원하는 문구를 넣으면 된다. ③ 이어 가끔 목차를 숨기기 하시는 걸 원하는 분도 있기에 보이기/숨기기 전환 기능을 활성화 시켜놓으면 좋을 듯 하다.
이어 ④ 자동 삽입 탭을 들어가 목차 자동 삽입에 활성화를 클릭한다. ⑤ 위치는 대부분 첫 번째 제목전에 해두고 있으며 ⑥글 종류는 글만 표시해둔다. 그리고 변경사항 저장을 누른다.
플러그인 없이 수동으로 만드는 법
먼저 플러그인이 앞서 살펴본(속도향상 관련 도움글 확인)속도 저하가 예상된다 거나 본인에게 안 맞다 싶을 경우, 수동으로 만드는 방법도 있다는 걸 알아야 한다. 그리고 가끔 본인 페이지에 표시가 안된다면 수동으로 만들어주야아 하기 마련이다.
그리고 수동은 잘 따라해보면 생각보다 쉽지만, 어떤 부분에서는 Html을 건드려야 하기 때문에 어렵게 다가올 수있다. 근래 하두 플러그인이 많으면 안된다는 말이 있어 수동작업이 나온게 아닌가 한다.
먼저, 글쓰기 블록(+) 탭을 추가하여 제목(Heading)을 눌러준다. 그리고 아래와 같이 여러 제목별로 여러 헤딩(1~3)을 만들어 본다. 본인 같은 경우 H1 하나, H2 하나, H3 3개를 만들었다. 그리고 해당 헤딩에서 오른쪽 점세개를 찾아 Html 편집을 클릭한다.
그러면 위와 같이 코드를 입력하는 칸이 나오는데 이때 아래의 코드를 넣어준다. 그리고 나머지목차에 들어갈 헤딩도 같이 해준다. 그렇게되면 다시 상단 우측 사진 처럼 섹션 1이라는 글자가 뜨고 수동 목차의 첫번째 준비 과정이 되기 마련이다.
<h2 id="anchor-1">Section 1</h2>자, 그리고 수동으로 만든걸 어디에 넣느냐이다. 보통 맨위에 넣으므로 맨위에 블록을 선택하고 우측 + 를 클릭하여 사용자 정의 Html을 클릭하여 준다. 그리고 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>위에 방법이 외에도 수동으로 만드는 방법이 몇 가지 더 있으나, 초보자분들은 대게 플러그인을 설치하여 사용을 하는 것이 나을 수 있다. 사실 목차 플러그인은 그렇게 무겁지도 않고 간편하게 사용할 수 있기에 플러그인 설치를 추천 드리는 바다.
결론
이렇게 워드프레스 목차 만드는 법 관련하여 포스팅을 마쳤다. 유용하게 사용하시기 바라며, 혹시나 궁금한 점 있으시면 댓글로 남겨주시기 바란다. 본인 페이지를 보면 알 수 있듯이 확실히 목차가 있을 때랑 없을 때랑 차이가 크다는 것을 알 수 있을 것이다.
이어 목차 별로나오는 소제목 스타일(색깔, 크기, 배경색 등)에 대해서도 다음 포스팅에서 알아보도록 하겠다.
