9장. 유동성: 개발자 포털

Liquid Markup Processing은 모든 부분 및 이메일 템플릿에 대해 기본적으로 활성화됩니다. 레이아웃에서 파일을 활성화하는 것은 system_name 입력 필드 바로 아래에 있는 확인란을 선택하여 수행됩니다. 그러나 페이지에서 해당 옵션을 사용하려면 페이지의 고급 옵션 섹션으로 이동해야 합니다.

고급 옵션 섹션을 확장하고 Liquid enabled 확인란을 표시합니다. 이제부터는 모든 Liquid Markup이 내부 엔진에 의해 처리되며, Developer Portal 내장된 편집기도 유동성에 대한 코드 강조 표시를 추가합니다.

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

<!-- 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>

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