9장. 유동: 개발자 포털

유동 마크업 처리는 모든 부분 및 이메일 템플릿에 기본적으로 활성화됩니다. 레이아웃에서 이 템플릿을 활성화하려면 system_name 입력 필드 바로 아래에 확인란을 선택합니다. 그러나 페이지에서 이를 활성화하려면 페이지의 고급 옵션 섹션으로 이동해야 합니다.

View larger image

Advanced options(고급 옵션 ) 섹션을 확장하고 Liquid enabled 확인란을 표시만 하면 됩니다. 지금부터는 내부 엔진에서 모든 유동 마크업이 처리되고 개발자 포털 기본 제공 편집기도 유동성을 위한 코드 강조 기능을 추가합니다.

유동을 사용하는 것은 일반적으로 페이지, 부분 및 레이아웃 간에 약간 다릅니다. 페이지 내에서 유동은 단일 사용 요소이며 부분 및 레이아웃이 포함된 유동은 개발자 포털의 재사용 가능한 요소입니다. 즉, 다른 페이지에 작은 변경 사항이 있는 여러 레이아웃 또는 부분적인 레이아웃을 적용하는 대신 일부 논리 유동 태그를 추가하고 사용자가 사용 중인 페이지에 따라 레이아웃을 변경할 수 있습니다.

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>

유동 마크업은 HTML에서만 작동하지 않으며, 더 많은 제어를 위해 CSS 및/또는 JavaScript 코드와 쉽게 결합할 수 있습니다. 스타일시트 또는 JS에서 유동성을 활성화하려면 페이지로 만들고 일반 페이지에 대해 활성화한 것과 동일한 단계를 수행합니다. 이렇게 하면 CSS에서 일부 조건부 마크업을 추가하거나 JavaScript에서 서버측 데이터를 사용할 수 있습니다. 페이지의 콘텐츠 유형을 CSS 또는 JS로 설정해야 합니다.