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