유연한 계층 구조를 통해 헬프 센터 지식창고에 섹션 내 섹션인 하위 섹션을 추가할 수 있습니다. 하위 섹션을 사용하여 지식창고의 계층 구조에 최대 6단계까지 더 많은 수준을 만들 수 있습니다.
참고: 2019년 3월 29일 이전에 사용자 지정된 테마를 사용 중인 경우에는 사용자 지정 테마에 코드를 추가하여 하위 섹션을 사용 설정해야 헬프 센터에 하위 섹션을 추가할 수 있습니다(테마에서 하위 섹션 사용 설정하기 참조).
기본적으로 기본 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}}