헬프 센터에서 하위 섹션 표시하기

유연한 계층 구조를 통해 헬프 센터 지식창고에 섹션 내 섹션인 하위 섹션을 추가할 수 있습니다. 하위 섹션을 사용하여 지식창고의 계층 구조에 최대 6단계까지 더 많은 수준을 만들 수 있습니다.

참고: 2019년 3월 29일 이전에 사용자 지정된 테마를 사용 중인 경우에는 사용자 지정 테마에 코드를 추가하여 하위 섹션을 사용 설정해야 헬프 센터에 하위 섹션을 추가할 수 있습니다(테마에서 하위 섹션 사용 설정하기 참조).

기본적으로 기본 Copenhagen 테마의 섹션 페이지 기본서식은 각 섹션의 하위 섹션 목록을 표시합니다. 테마의 코드를 수정하여 다른 페이지 기본서식을 사용하여 하위 섹션을 표시하거나 하위 섹션 목록의 모양을 변경할 수 있습니다.

섹션의 바로 아래 수준 하위 섹션들만 표시할 수 있습니다. 여러 수준의 하위 섹션은 표시할 수 없습니다.

이 문서에서는 다음과 같은 예를 다룹니다.

• 카테고리 페이지에 하위 섹션 표시하기
• 섹션 및 하위 섹션을 블록으로 표시하기

카테고리 페이지에 하위 섹션 표시하기

기본적으로 Copenhagen 테마의 카테고리 페이지 기본서식은 각 섹션의 하위 섹션을 표시하지 않습니다. 각 섹션의 문서 아래에 하위 섹션을 표시하도록 기본서식을 업데이트할 수 있습니다.

카테고리 페이지 기본서식을 사용자 지정하려면 다음과 같이 하세요.

카테고리 페이지 기본서식에서 <section class="section">의 닫는 태그 앞에 다음 블록을 삽입합니다.

{{#if sections}}
  <ul class="section-list">
    {{#each sections}}
      <li class="section-list-item">
        <a href="{{url}}">
          <span>{{name}}</span>
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="16"
            height="16"
            focusable="false"
            viewBox="0 0 16 16"
            aria-hidden="true"
          >
            <path
              fill="none"
              stroke="currentColor"
              stroke-linecap="round"
              stroke-width="2"
              d="M5 14.5l6.1-6.1c.2-.2.2-.5 0-.7L5 1.5"
            ></path>
          </svg>
        </a>
      </li>
    {{/each}}
  </ul>
{{/if}}

섹션 및 하위 섹션을 블록으로 표시하기

섹션을 블록으로 표시하도록 Copenhagen 테마의 카테고리 페이지 기본서식을 사용자 지정할 수 있습니다.

마찬가지로 하위 섹션을 블록으로 표시하도록 섹션 페이지 기본서식을 사용자 지정할 수 있습니다.

카테고리 페이지 기본서식을 사용자 지정하려면 다음과 같이 하세요.

카테고리 페이지 기본서식에서 <div id="main-content" class="section-tree"> 태그와 해당 콘텐츠를 다음 스니펫으로 바꿉니다.

<section class="categories blocks">
  <ul class="blocks-list">
      {{#each sections}}
      <li class="blocks-item">
            <a href='{{url}}' class="blocks-item-link">
              <h4 class="blocks-item-title">{{name}}</h4>
              <p class="blocks-item-description">{{excerpt description}}</p>
            </a>
      </li>
      {{/each}}
  </ul>
</section>

섹션 기본서식을 사용자 지정하려면 다음과 같이 하세요.

섹션 페이지 기본서식에서 {{#if section.sections}}> 블록과 해당 콘텐츠를 다음 스니펫으로 바꿉니다.

{{#if section.sections}}
  <section class="sections blocks">
    <ul class="blocks-list">
      {{#each section.sections}}
        <li class="blocks-item">
          <a href="{{url}}" class="blocks-item-link">
            <h4 class="blocks-item-title">{{name}}</h4>
            <p class="blocks-item-description">{{excerpt description}}</p>
          </a>
        </li>
      {{/each}}
    </ul>
  </section>
{{/if}}