We.Retail에서 편집 가능한 템플릿 시험 사용 trying-out-editable-templates-in-we-retail

Last update: Wed Apr 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:
Developing

작성 대상:

Developer

편집 가능한 템플릿을 사용하면 템플릿 작성 및 유지 관리가 더 이상 개발자 전용 작업이 아닙니다. 이제 템플릿 작성자라고 하는 고급 사용자 유형이 템플릿을 만들 수 있습니다. 개발자는 여전히 환경을 설정하고, 클라이언트 라이브러리를 만들고, 사용할 구성 요소를 만들어야 하지만, 이러한 기본 사항이 갖추어지면 템플릿 작성자는 개발 프로젝트 없이 템플릿을 만들고 구성할 수 있는 유연성을 갖게 됩니다.

We.Retail의 모든 페이지는 편집 가능한 템플릿을 기반으로 하므로 개발자가 아닌 사용자도 템플릿을 조정하고 맞춤화할 수 있습니다.

시험 사용 trying-it-out

언어 마스터 분기의 장비 페이지를 편집합니다.

http://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html
모드 선택기에서 더 이상 디자인 모드를 제공하지 않습니다. We.Retail의 모든 페이지는 편집 가능한 템플릿을 기반으로 하며 편집 가능한 템플릿의 디자인을 변경하려면 템플릿 편집기에서 편집해야 합니다.
다음에서 페이지 정보 메뉴 선택 템플릿 편집.
이제 Hero 페이지 템플릿을 편집하고 있습니다.

페이지의 구조 모드에서는 템플릿의 구조를 수정할 수 있습니다. 예를 들어 레이아웃 컨테이너에서 허용되는 구성 요소가 여기에 포함됩니다.
레이아웃 컨테이너 정책을 구성하여 컨테이너에 허용되는 구성 요소를 정의합니다.

정책은 디자인 구성과 동일합니다.
레이아웃 컨테이너의 디자인 대화 상자에서 다음 작업을 수행할 수 있습니다
- 기존 정책을 선택하거나 컨테이너에 대한 정책을 만듭니다.
- 컨테이너에서 허용되는 구성 요소 선택
- 자산을 컨테이너로 드래그할 때 배치할 기본 구성 요소 정의
템플릿 편집기로 돌아가 레이아웃 컨테이너 내에서 텍스트 구성 요소의 정책을 편집할 수 있습니다.

이렇게 하면 다음 작업을 수행할 수 있습니다.
- 기존 정책을 선택하거나 컨테이너에 대한 정책을 만듭니다.
- 다음과 같은 이 구성 요소를 사용할 때 페이지 작성자가 사용할 수 있는 기능을 정의합니다.
  - 허용된 붙여넣기 소스
  - 서식 옵션
  - 허용된 단락 스타일
  - 허용되는 특수 문자
핵심 구성 요소를 기반으로 하는 다양한 구성 요소를 통해 편집 가능한 템플릿을 통해 구성 요소 수준에서 옵션을 구성할 수 있으므로 개발자는 맞춤화를 수행할 필요가 없습니다.
템플릿 편집기로 돌아가 모드 선택기를 사용하여 다음으로 변경할 수 있습니다. 초기 컨텐츠 모드에서 페이지에 필요한 콘텐츠를 정의합니다.

레이아웃 모드는 일반 페이지에서 그대로 사용하여 템플릿의 레이아웃을 정의할 수 있습니다.