템플릿 작업
이 문서에서는 에서 템플릿을 사용하는 방법을 설명합니다 Microsoft Dynamics 365 Commerce.
템플릿 및 레이아웃 개요 에서설명한 대로 템플릿은 다운스트림 작성자가 사용할 수 있는 옵션 집합을 정의합니다. 템플릿은 여러 가지 이유로 기업의 웹 제작 팀에 유용하며, 잘 구성된 템플릿은 다음과 같은 모든 목표에 도움이 될 수 있습니다.
일상적인 콘텐츠 편집자 역할에 대한 작성 환경을 간소화합니다.
- 특정 페이지 섹션에 대해 관련 모듈만 표시되도록 모듈 옵션을 필터링합니다. (예를 들어, 템플릿의 마케팅 섹션은 해당 컨텍스트에서 사용되어서는 안 되는 관련 없는 모듈을 필터링하도록 구성할 수 있으며, 이 모듈이 표시되는 경우 콘텐츠 작성 작업을 복잡하게 만들 뿐입니다.)
- 작성 효율성을 향상시키는 데 도움이 되도록 기본 모듈 설정을 구성합니다.
- 작성 효율성을 향상시키는 데 도움이 되는 기본 페이지 조각을 정의합니다. (예를 들어 템플릿의 머리글 및 바닥글 조각은 모든 다운스트림 페이지에 자동으로 표시됩니다.)
승인된 모듈 배열 및 구성 옵션 집합을 정의하여 기업 사이트를 브랜드에 맞게 유지합니다.
팁
성공적인 전자 상거래 사이트는 고객에게 친숙하고 반복 가능하며 브랜드에 맞는 사용자 경험(UX) 디자인 패턴을 제공합니다. 템플릿을 사용하면 사이트 전체의 일관성을 제어할 수 있습니다.
반복 가능하고 프로그래밍 방식으로 정의된 페이지 정의 및 메타데이터를 보장하여 검색 엔진 최적화(SEO) 점수를 향상시킵니다.
메모
서식 파일은 사이트 전체의 일관성을 제어하도록 설계되었지만 이론적으로는 일관성을 적용하지 않도록 구성할 수 있습니다. 브랜드 및 사이트 관리자는 사이트의 페이지에 대해 모든 수준의 가변성을 정의할 수 있습니다. 예를 들어, 컨텐츠 작성자가 원하는 페이지 디자인을 만들 수 있도록 템플릿을 완전히 열어 둘 수 있습니다. 이 경우 이전 목록의 혜택 중 어느 것도 적용되지 않습니다.
템플릿 수정
템플릿은 템플릿 편집기를 사용하여 수정됩니다.
Commerce 사이트 작성기에서 템플릿 편집기를 열려면 다음 단계 중 하나를 따라와 수행합니다.
- 사이트의 탐색 창에서 템플릿을 선택한다음, 수정할 템플릿을 선택합니다.
- 기존 페이지의 페이지 편집기에서 왼쪽의 개요 트리에서 맨 위 노드를 선택합니다. 그런 다음, 오른쪽의 속성 창에서 템플릿 편집을 선택합니다 .
왼쪽의 개요 트리 보기는 자식 레이아웃 및 페이지에 사용할 수 있는 모듈 옵션 및 구조를 보여 줍니다. 개요 트리에서 모듈을 선택하면 오른쪽의 속성 창에서 선택한 모듈에 대한 템플릿 속성을 볼 수 있습니다. 이러한 속성 중 일부는 템플릿 편집에 고유합니다. 다음 표에서는 이러한 속성에 대해 설명합니다.
| 속성 이름 | 설명 |
|---|---|
| 최소 발생 | 이 특성은 선택한 모듈의 최소 발생 횟수를 정의합니다. 예를 들어, 값이 1 로설정된 경우 모듈은 다운스트림 작성자에게 필요하고, 값이 0 (영)으로 설정된 경우 모듈은 선택 사항입니다. |
| 최대 발생 | 이 특성은 선택한 모듈의 최대 발생 횟수를 정의합니다. 예를 들어 값을 1 로설정하면 모듈을 한 번만 추가할 수 있습니다. |
| 최소 모듈(컨테이너) | 다른 모듈을 포함하는 모듈(즉, 컨테이너 모듈 의 경우)의 경우, 이 특성은 하위로 추가되어야 하는 총 모듈의 최소 수를 정의합니다. 예를 들어 캐러셀 모듈의 경우 값이 1보다 큰 숫자로 설정될 수 있습니다. |
| 최대 모듈(컨테이너) | 컨테이너 모듈의 경우 이 속성은 자식으로 추가해야 하는 최대 총 모듈 수를 정의합니다. 예를 들어 캐러셀 모듈의 경우 값이 10보다 작은 숫자로 설정될 수 있습니다. |
| 잠금 | Locked 부울 컨트롤은 모든 핵심 모듈 속성 옆에 나타납니다. 템플릿 작성자가 템플릿에서 모듈 설정을 잠글 수 있습니다. 잠긴 모듈 설정은 자식 레이아웃 또는 페이지로 재정의할 수 없습니다. 템플릿을 사용하는 모든 레이아웃과 페이지에 대해 중앙에서 편집 가능한 속성 값이 됩니다. |
새 템플릿 만들기
사이트 작성기에서 새 템플릿을 만들려면 다음 단계를 따라와 하세요.
- 사이트의 탐색 창에서 Templates(템플릿 )를 선택하여 템플릿 검사기 보기를 엽니다.
- 새 템플릿을 선택합니다.
- 템플릿 만들기 대화 상자에서 템플릿의 이름과 설명을 입력합니다. 입력한 값은 작성자가 새 페이지를 만들 때 표시됩니다. 따라서 페이지 작성자에게 유용한 메타데이터를 입력합니다. 예를 들어 설명으로 Use this template to create general marketing pages 를 입력합니다 . 이 메타데이터는 나중에 편집할 수 있습니다.
- 확인 를 선택하여 새 템플릿을 만들고 템플릿 편집기를 엽니다. 템플릿 편집기의 왼쪽에는 개요 트리가 표시되고 오른쪽에는 속성 창이 표시됩니다.
- 개요 트리에서 노드를 확장하고 HTML 헤드 슬롯을 선택합니다.
- 이 슬롯에 아직 모듈이 없는 경우 줄임표 버튼(...)을 선택한 다음 모듈 추가를 선택합니다.
- 모듈 추가 대화 상자에서 기본 페이지 요약 을 선택한다음, 확인 을 선택합니다.
- 개요 트리에서 새 모듈을 선택한 다음, 속성 창에서 템플릿의 모든 자식 페이지에 대해 자동으로 구성되어야 하는 기본 설정을 입력합니다. 기본 설정을 원하지 않으면 값을 비워 둡니다.
- 개요 트리에서 본문 슬롯을 선택하고, 줄임표 버튼을 선택한 다음, 모듈 추가를 선택합니다 .
- 페이지 컨테이너 모듈(옵션이 하나만 있을 수 있음)을 선택한 다음, 확인 를 선택합니다.
새 페이지 컨테이너 모듈 아래에 새 슬롯 집합(Header, Main 등)이 표시됩니다. 여기에서 작성자가 이 템플릿에서 페이지를 만들 때 사용할 수 있는 모듈 옵션을 추가하고 구성할 수 있습니다. 기본적으로 슬롯에 모듈을 추가하지 않으면 해당 슬롯에 대해 사용 가능한 모든 모듈 유형이 지원됩니다.
이제 템플릿이 기술적으로 유효하며 저장, 체크 인 및 새 페이지를 만드는 데 사용할 수 있습니다. 그러나 다음 세 섹션에서는 먼저 구성할 수 있는 몇 가지 다른 기본 설정에 대해 설명합니다.
머리글 및 바닥글 추가
사이트에 이미 머리글 조각이 있는 경우 사이트 작성기에서 다음 단계를 따라와 템플릿에 머리글과 바닥글을 추가합니다.
- 개요 트리에서 본문 슬롯과 해당 자식 페이지 모듈을 확장합니다.
- 헤더 슬롯을 선택합니다.
- 헤더 슬롯에 대한 줄임표 버튼을 선택한 다음, 조각 추가를 선택합니다 .
- 사이트의 헤더 조각을 검색하여 선택한 다음 확인을 선택합니다 .
템플릿을 사용하는 모든 페이지는 이제 이 헤더 조각을 자동으로 상속합니다.
사이트에 아직 헤더 조각이 없는 경우 조각을 만드는 방법에 대한 자세한 내용은 조각 만들기를 참조 한 다음 이전 절차를 완료합니다.
템플릿 테마 변경
템플릿을 사용하는 모든 페이지에 기본 테마를 설정하려면 사이트 작성기에서 다음 단계를 따라와 수행합니다.
- 왼쪽의 윤곽선 트리에서 Body 슬롯을 확장합니다.
- 본문 슬롯에서 페이지 컨테이너 모듈(예: Default Page )을 선택합니다.
- 오른쪽의 속성 창에 있는 테마 필드에서 테마를 선택합니다.
기본적으로 모든 새 페이지는 이제 선택한 테마를 사용합니다. 페이지가 레이아웃 또는 페이지 수준에서 이 설정을 재정의하지 않도록 하려면 Locked 부울 컨트롤을 True 로 설정합니다.
템플릿에 스크립트 추가
JavaScript가 포함된 HTML <스크립트> 요소를 템플릿에 추가할 수 있습니다. 이러한 방식으로 페이지의 HTML head, body begin 및 body end 섹션에 기본 스크립트 비헤이비어를 제공할 수 있습니다.
사이트 작성기의 템플릿에 스크립트를 추가하려면 다음 단계를 따라와 수행합니다.
- 왼쪽의 윤곽선 트리에서 스크립트 <요소를 추가할> 슬롯(예: HTML head, body begin 또는 body end)을 선택합니다.
- 슬롯에 대한 줄임표 버튼을 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 추가 대화 상자에서 스크립트 모듈(예: 외부 스크립트 또는 인라인 스크립트)을 선택합니다.
- 오른쪽의 속성 창에서 적절한 스크립트 속성 컨트롤(예: 인라인 스크립트 또는 스크립트 태그)에 스크립트를 입력합니다.
- 속성 창에서 구성하려는 다른 선택적 설정을 입력합니다.
팁
스크립트 모듈을 다른 템플릿에 재사용하려면 해당 모듈을 조각으로 변환할 수 있습니다. 이러한 방식으로 작성 프로세스를 보다 효율적으로 만들고 업데이트 프로세스를 중앙 집중화할 수 있습니다. 스크립트 모듈을 조각으로 변환하는 방법에 대한 자세한 내용은 기존 모듈 구성을 조각 으로 저장을 참조하세요.
템플릿 저장, 체크 인, 프리뷰 및 게시
사이트 작성기에서 템플릿을 저장하고 체크 인하려면 다음 단계를 따라와 수행합니다.
- 템플릿 편집기의 맨 위에 있는 저장 을 선택합니다 . 저장된 변경 사항은 체크 인될 때까지 다운스트림 페이지에 영향을 주지 않습니다.
- 편집 완료를 선택합니다. 이제 다운스트림 워크플로에 대한 변경 사항을 검색할 수 있습니다.
변경사항을 프리뷰하려면 템플릿을 사용하는 기존 페이지를 열거나 템플릿에서 새 페이지를 만듭니다.
템플릿의 변경사항을 미리 본 후 다음 단계 중 하나를 따라와 템플릿을 라이브 사이트에 게시합니다.
- 템플릿 으로이동하고, 템플릿을 선택한 다음, 게시를 선택합니다.
- 레이아웃 이름을 선택하여 레이아웃 편집기를 연 다음, 게시를 선택합니다.
- 게시되지 않은 템플릿을 참조하는 페이지를 게시합니다. 템플릿이 자동으로 게시됩니다.
경고
템플릿 또는 기타 콘텐츠 관리 시스템(CMS) 항목이 게시되면 인터넷에서 검색할 수 있습니다. 공개할 준비가 될 때까지 문서나 자산을 게시하지 마세요. 저장 및 체크 인되었지만 게시되지 않은 문서 버전은 인증된 시스템 사용자만 검색할 수 있습니다.
템플릿 이름 바꾸기
사이트 작성기에서 기존 템플릿의 이름을 바꾸려면 다음 단계를 따라와 수행합니다.
- 왼쪽 탐색 창에서 템플릿을 선택합니다.
- 이름을 바꾸려는 템플릿의 템플릿 이름을 선택합니다.
- 편집 을 선택하여 템플릿 편집을 시작합니다. 다른 사용자가 이미 템플릿을 편집하고 있는 경우 템플릿을 편집할 수 없습니다.
- 템플릿 속성 창에서 템플릿 이름 옆에 있는 펜 기호를 선택합니다.
- 필요에 따라 템플릿 이름을 편집합니다.
- 확인 표시를 선택하여 이름 변경을 확인합니다.
- 편집 완료를 선택합니다.