WordPress에서 목차를 만드는 방법

방문자의 사용자 경험(UX)은 웹사이트 소유자 또는 개발자로서 매우 중요합니다. 그러나 모든 기반을 다뤘는지 여부와 사이트에 추가해야 할 사항을 파악하기 어려울 수 있습니다.

종종 간과되는 한 가지 요소는 긴 형식 콘텐츠의 목차(TOC)입니다. 각 게시물에 목차를 추가하면 독자가 관심 있는 섹션을 정확하게 찾을 수 있을 뿐만 아니라 콘텐츠가 더 체계적으로 표시됩니다.

이 게시물에서는 WordPress 목차(플러그인, 단축 코드 및 HTML 포함)를 만들기 위한 다양한 옵션을 소개합니다. 그런 다음 두 가지 인기 있는 스타일과 이를 달성할 수 있는 방법에 대해 설명합니다. 시작하자!

내 WordPress 사이트에 목차를 포함해야 하는 이유는 무엇입니까?

목차는 블로그 게시물에 불필요한 것처럼 보일 수 있지만 실제로는 사이트의 UX를 개선하는 데 큰 도움이 될 수 있습니다. 대부분의 독자는 특정 질문에 대한 답을 찾기 위해 콘텐츠를 찾습니다. 목차를 사용하면 필요한 정보를 찾기 위해 스크롤하고 훑어볼 필요 없이 가장 관련 있는 정보로 쉽게 이동할 수 있습니다.

또한 TOC는 게시물의 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다. 이 편리한 링크는 매우 중요한 순위 요소인 키워드를 쉽게 통합할 수 있는 장소입니다.

키워드 밀도를 높이는 것 외에도 게시물에 TOC가 있으면 Google에서 추천 스니펫을 얻을 가능성이 높아집니다. 다음은 일부 검색에 대한 기본 결과 목록 위에 표시되는 짧은 발췌문입니다.

추천 스니펫을 얻는 것은 정확한 과학이 아닙니다. 그러나 TOC와 같은 목록은 검색자의 질문에 대한 답변을 명확하고 간결하게 전달할 수 있기 때문에 종종 표시됩니다.

플러그인을 사용하여 목차 추가

플러그인은 WordPress 내에서 기능을 확장하는 완벽한 방법입니다. 사이트 게시물에 WordPress TOC를 쉽게 추가할 수 있는 몇 가지 솔루션이 있습니다.

우리가 가장 좋아하는 WordPress 목차 플러그인은 Fixed TOC입니다. 또한 Q2W3 고정 위젯과 같은 다른 플러그인을 함께 사용하여 웹사이트에서 TOC를 더욱 최적화할 수 있습니다.

플러그인 설치는 간단합니다. 당신이해야 할 일은 :

1. WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다.
2. 플러그인의 .zip 파일(무료 또는 프리미엄)을 업로드하거나 플러그인 디렉토리에서 설치합니다(무료 플러그인만 해당).

일단 설치되고 활성화되면 해당 특정 플러그인이 제공하는 기능 범위에 대한 전체 액세스 권한을 갖게 됩니다. 거기에서 선택한 도구에 따라 프로세스가 달라집니다.

예를 들어 고정 목차를 설치한 후 목차를 만드는 방법은 다음과 같습니다.

1. 설정 > 고정 TOC로 이동합니다.
2. 일반 탭에서 TOC를 적용할 게시물 유형, 포함할 제목 수준 및 TOC를 배치할 위치를 선택합니다.
3. 색상 탭에서 TOC의 색 구성표를 선택합니다.

플러그인은 각 관련 게시물에 TOC를 자동으로 추가하고 기존 제목을 사용하여 점프 링크를 만듭니다.

단축 코드를 사용하여 목차 추가

WordPress 목차 플러그인과 함께 단축 코드를 사용하여 WordPress TOC가 표시되는 방식을 추가로 제어할 수 있습니다. 이는 편집기에 붙여넣을 수 있는 작은 코드 스니펫으로 페이지의 거의 모든 위치에 사용자 지정 콘텐츠를 표시할 수 있습니다.

단축 코드를 사용하면 게시물, 페이지, 사이드바 및 위젯에 목차를 쉽게 추가할 수 있습니다. 방법은 다음과 같습니다.

1. 단축 코드를 사용하는 TOC 플러그인을 다운로드하거나 Shortcoder와 같은 솔루션과 함께 단축 코드가 없는 플러그인을 사용하십시오.
2. 플러그인에서 제공하는 단축 코드를 찾거나 Shortcoder를 사용하여 생성하십시오.
3. 단축 코드를 복사하고 WordPress 내에서 원하는 위치(예: 블로그 게시물)에 붙여넣습니다. Shortcoder는 간편한 목차 단축 코드를 제공하여 사이트에 쉽게 추가할 수 있습니다.

단축 코드의 아름다움은 배치가 얼마나 다양할 수 있는지입니다. 페이지 및 게시물의 상단, 중간 또는 하단에 추가하거나 사이드바 위젯에도 추가할 수 있습니다.

플러그인 없이 WordPress에서 목차를 만드는 방법

플러그인은 WordPress 내에서 TOC를 만드는 가장 간단한 방법이지만 수동으로 추가할 수도 있습니다. 이를 위한 두 가지 방법이 있습니다.

HTML로 목차 만들기  

HTML이 위협적일 수 있지만 코드로 TOC를 만드는 것은 실제로 웹 사이트에 대한 간단한 솔루션이 필요한 모든 사람에게 훌륭한 옵션입니다. 이렇게 하려면 WordPress 내에 테이블을 삽입하고 특정 페이지에 대한 책갈피 링크를 포함합니다.

이것은 군더더기나 부피가 없는 가장 간단한 수동 옵션입니다. 물론 원하는 경우 여러 색상, 다양한 글꼴 스타일 및 제목 등을 통합하여 최대한 활용할 수 있습니다. 당신은 HTML에 대한 자신의 독창성과 지식에 의해서만 구속됩니다.

TOC용 아카이브 및 링크 페이지 템플릿 사용

목차는 개별 게시물과 페이지에 항상 위치할 필요는 없습니다. 대신 WordPress 템플릿을 사용하여 '마스터' TOC를 만들 수 있습니다. 아카이브 및 링크와 같은 사이트 요소에 대한 전용 페이지를 만들 수 있는 사전 설정 페이지 디자인입니다.

그런 다음 해당 페이지를 웹 사이트에서 '마스터' TOC로 사용하여 사용자가 찾고 있는 정확한 콘텐츠로 안내할 수 있습니다. 예를 들어 Leaving Work Behind의 아카이브 페이지를 살펴보겠습니다.

이러한 페이지의 템플릿 이름은 일반적으로 archives.php 및 links.php 입니다(이름을 바꿀 수 있음). 일부 테마에는 이러한 페이지가 포함되지만 모든 테마에 포함되는 것은 아닙니다. 그러나 코딩 지식이 거의 없어도 직접 만들 수 있습니다.

목차 스타일

목차의 스타일은 방문자의 UX를 향상시키는 데 큰 역할을 합니다. 이를 염두에 두고 WordPress TOC에서 가장 인기 있는 두 가지 스타일을 살펴보겠습니다.

플로팅 목차

플로팅 목차는 페이지 측면에 고정되어 있는 위젯입니다. 구현에는 두 단계가 필요합니다. 먼저 WordPress 목차를 설정하고 WordPress 사이트에 위젯으로 추가해야 합니다(이전 방법 중 하나 사용).

완료되면 Q2W3 고정 위젯 플러그인(또는 유사한 솔루션)을 사용하여 TOC 위젯을 페이지 측면에 '고정' 상태로 유지할 수 있습니다. 이 플러그인이 설치된 상태에서 사이트의 위젯 영역으로 돌아가 TOC 위젯을 엽니다. 그런 다음 고정 위젯 확인란을 활성화합니다.

이 옵션이 활성화되면 사용자가 아래로 스크롤할 때 목차가 더 이상 페이지 보기에서 사라지지 않습니다. 대신 페이지의 내용과 함께 스크롤되므로 항상 표시됩니다. 이는 앞에서 언급한 Fixed TOC 플러그인에 의해 구현된 기본 스타일이기도 합니다.

목차 사이드바

플로팅 TOC와 유사하게 이 방법에서는 사이드바가 웹 페이지의 오른쪽이나 왼쪽에 표시됩니다. 그러나 사용자와 함께 스크롤하는 대신 TOC 사이드바는 고정된 위치(예: WPBeginner의 위치)에 유지됩니다.

목차 사이드바는 만들기가 매우 쉽습니다. 가능한 경우 TOC 위젯을 추가하거나 기존 사이드바 위젯에 단축 코드를 포함하십시오. 그러면 WordPress TOC가 사이드바의 고정된 측면으로 나타납니다.

WP 엔진으로 사이트 사용자 지정

웹 사이트 사용자에게 최고 품질의 UX를 제공하면 더 많은 콘텐츠를 위해 다시 방문하게 됩니다. 귀하의 게시물과 페이지에 WordPress TOC를 통합하는 다양한 방법을 가르치는 것 외에도 당사 리소스에는 사이트를 향상시키는 데 유용한 많은 팁과 요령이 있습니다.

또한 연중무휴 24시간 지원을 제공하며 다양한 호스팅 계획을 통해 필요에 맞는 계획을 찾을 수 있습니다. 오늘 확인해보세요!