Gutenberg에 목차를 추가하는 방법

독자 친화적인 목차(TOC)를 만드는 것은 탐색 및 사용자 경험을 개선하는 좋은 방법입니다. Gutenberg 편집기를 사용하면 TOC를 추가하는 것이 간단하고 효율적인 솔루션입니다.
이 튜토리얼 블로그 게시물에서는 짧은 시간 안에 Gutenberg에서 WordPress 콘텐츠에 목차를 추가하는 방법을 살펴보겠습니다.

목차를 구현하는 장점

목차는 WordPress 콘텐츠, 특히 긴 콘텐츠를 정리하는 데 사용됩니다. 독자는 TOC를 통해 전체 내용을 검토할 수 있습니다..
목차를 구현하면 어떤 이점을 얻을 수 있는지 자세히 살펴보겠습니다.

🔰 향상된 가독성: 빠른 탐색과 구조에 대한 더 나은 이해를 위해 콘텐츠에 목차를 구현해야 합니다.

🔰 향상된 사용자 경험: 잘 정리된 목차를 통해 사용자는 정보에 더 빨리 접근할 수 있습니다.

🔰 더 나은 SEO: 조직된 목차 검색 엔진 크롤링을 개선하고 키워드 최적화를 강화하는 데 도움이 됩니다.

🔰 접근성 향상: 목차는 화면 판독기의 판독을 보다 쉽게 만들고 장애가 있는 사용자의 접근성을 높여줍니다.

🔰 전문성: 또한, TOC는 콘텐츠에 세련된 느낌을 주고 신뢰성을 높여줍니다.

🔷 쉬운 기술 Gutenberg에서 열과 그리드 만들기

Gutenberg에 목차를 추가하는 방법

Gutenberg 편집기를 사용하여 WordPress 콘텐츠에 목차를 추가하는 과정을 살펴보겠습니다. 

Gutenberg는 WordPress 콘텐츠에 목차를 빠르게 추가할 수 있는 편리한 블록을 제공합니다.
귀하의 콘텐츠에서, 만약 당신이 '/'를 입력하면 Gutenberg 목차 블록이 나타납니다.. 간단히 블록을 클릭하고 Gutenberg 편집기에서 TOC를 추가할 수 있습니다.

다시 말해서, 당신은 할 수 있습니다 이름을 입력하여 Gutenberg 목차 블록을 검색합니다.그런 다음, 해당 항목을 클릭하거나 편집기로 끌어다 놓을 수 있습니다.

블록의 모습은 이렇습니다.

그러나 Gutenberg에서 제목을 사용하여 콘텐츠를 구성하면 목차 블록이 동적으로 업데이트됩니다., 게시물의 계층 구조를 반영합니다. 소제목을 깔끔하게 들여쓰기하여 독자에게 명확하고 직관적인 로드맵을 만듭니다. 기본 설정은 원활하게 작동하도록 설계되어 추가 노력이 필요하지 않습니다. 제목을 수정하면 TOC가 자동으로 조정됩니다.

구텐베르크 목차 블록의 한계

🤔 블록의 최신 기능이 약간 부족합니다. 예를 들어 자동 번호 매기기, 접을 수 있는 섹션 또는 TOC에서 특정 제목을 제외하는 기능은 현재 사용할 수 없습니다.
🤔 목차는 잘 구성된 제목 계층 구조에 크게 의존합니다. 제목을 변경하면 TOC의 정확성이 떨어질 수 있습니다.
🤔 제목이 여러 개인 긴 게시물의 경우, Gutenberg TOC 블록이 페이지 로딩 속도에 약간의 영향을 미칠 수 있습니다.

Gutenberg에서 목차 만들기

따라서 긴 형식의 콘텐츠를 더 접근하기 쉽고 매력적으로 만들려면 TOC를 구현하는 것을 고려해야 합니다. 또한 WordPress 웹사이트의 전반적인 품질을 높이고 방문자를 유치하는 데 도움이 됩니다.

이제 Gutenberg에서 목차를 추가하는 방법을 알았으니 직접 쉽게 추가할 수 있습니다.