리퀴드란 무엇인가요?

수정일 일요일, 9 3월 시간: 2:23 PM

자체 HTML, CSS 및 JavaScript를 사용하여 테마를 사용자 지정할 수 있을 뿐만 아니라 Freshdesk는 Liquid 템플릿 엔진을 사용하여 지원 포털로 구현할 수 있는 디자인 아이디어의 범위를 확장합니다. 이전에 들어본 적이 있거나 Shopify에서 사용해 본 적이 있다면 이것이 왜 좋은 소식인지 알 것입니다. 그러나 이 아이디어를 처음 사용하는 경우 계속 읽어보십시오.

Liquid 시작하기

Liquid는 정적 페이지를 넘어 HTML 및 CSS의 기능을 확장하는 방법이라고 설명할 수 있습니다. 동적 템플릿을 사용하여 다양한 유형의 페이지를 표현하며, 지원 포털에서 별도의 페이지에 대한 특정 HTML 파일을 수동으로 만들지 않고도 원하는 작업을 수행할 수 있을 만큼 강력합니다.
예를 들어, Liquid 덕분에 Freshdesk에는 솔루션 문서 보기라는 단일 템플릿이 있으며, 이를 변경하면 지원 포털의 모든 솔루션 문서의 레이아웃에 영향을 미칩니다. 솔루션 문서의 이름, 내용 또는 세부 사항을 하드 코딩하고 모든 페이지에서 전체 프로세스를 반복할 필요가 없습니다. 대신 문서의 각 인스턴스에 따라 동적으로 변경되는 템플릿 내부의 자리 표시자를 사용하면 됩니다.

<h2 class="제목">{ article.title }}</h2&t;
 <p>{% translate portal.article.modified_on %} {{ article.modified_on | short_day_with_time }}</p>

<article class="article-body" id="article-body">
  {{ article.body }}
</article>

위 예에서 {{ article.title }} 및 {{ article.body }}은 자리 표시자입니다. Liquid 덕분에 솔루션 문서를 열 때마다 자동으로 관련 정보나 콘텐츠로 대체됩니다. 따라서 여러분(또는 여러분의 고객)이 포털에서 실제 기사를 볼 때 플레이스홀더가 포함되지 않습니다. 대신 일반 정적 HTML 페이지처럼 렌더링됩니다.

동적 플레이스홀더 외에도 Liquid를 사용하면 일반적으로 HTML에서 사용할 수 없는 제어 구조와 고급 프로그래밍 기능을 사용할 수 있습니다. 예를 들어 조건문, 반복 구조, 사용자 정의 변수 등 일반적으로 Ruby, Java 또는 C와 같은 백엔드 언어의 일부인 개념을 사용할 수 있습니다. 그러나 HTML과 함께 Liquid를 사용하게 된다는 점에 유의하시기 바랍니다. 별도의 언어가 아니며 포털의 코드와 함께 작동합니다.

{% for category in portal.forum_categories %}
		{% if category.forums_count > 0 %}
			<div class="cs-s">
				<h3 class="제목">
					{{ category.name | link_to: category.url }}
				</h3>
				<div class="cs-g-c">
				카테고리.포럼의 포럼 %}{%}
					<section class="cs-g 주제 목록">
						<div class="목록-리드 배지-{{ forum.type_name }}">
							{{ 포럼 | 링크_투_포럼_와_수 }}
						</div>
						{{ 포럼 | 주제_목록:5 }}
					</section>
				{% endfor %}
				</div>
			</div>
		{% endif %}
	{% endfor %}

Freshdesk에서 Liquid는 어떻게 작동하나요?

Freshdesk의 Liquid 통합은 포털 사용자 지정 섹션에 보이는 코드 편집기에서 작동하도록 설정되어 있습니다. 따라서 사용하는 Liquid 태그가 자동으로 변환됩니다. 지원 포털의 거의 모든 페이지에는 편집할 수 있는 템플릿이 있으며, 플레이스홀더를 충분히 지원하여 광범위하게 변경할 수 있습니다.

이 구조 덕분에 많은 작업을 하지 않고도 지원 포털에서 많은 디자인 변경을 수행할 수 있습니다. 편집기를 통해 모든 것을 온라인으로 편집할 수 있으므로 별도의 HTML을 만들거나 올바른 폴더 구조에 넣거나 수동으로 연결할 필요가 없습니다.

다음: 리퀴드 마크업