페이지 템플릿

주의

빠른 사이트 만들기 도구는 현재 기술 미리 보기입니다. 테스트 및 평가 목적으로 사용할 수 있으며, Adobe 지원에 동의하지 않는 프로덕션 용도에는 사용할 수 없습니다.

이 장에서는 페이지 템플릿과 페이지 간의 관계를 살펴봅니다. 우리는 다음의 몇 가지 모집단 추론을 바탕으로, 스타일이 지정되지 않은 잡지 기사 템플릿을 작성할 것입니다 AdobeXD. 템플릿을 작성하는 과정에서 핵심 구성 요소 및 고급 정책 구성이 다룹니다.

전제 조건

이 내용은 여러 부분으로 구성된 자습서이며 컨텐츠 작성 및 변경 사항 게시 장이 완료되었습니다.

목표

  1. 페이지 템플릿의 세부 사항과 페이지 컨텐츠를 세부적으로 제어하는 데 정책을 사용하는 방법을 이해합니다.
  2. 템플릿 및 페이지 연결 방법을 알아봅니다.
  3. 새 템플릿을 만들고 페이지를 작성합니다.

빌드할 내용

이 자습서 부분에서는 새 잡지 문서를 만들고 공통 구조에 맞게 조정할 수 있는 새 Magazine Article Page 템플릿을 만듭니다. 템플릿은 Adobe XD에서 제작된 디자인과 UI 키트를 기반으로 합니다. 이 장은 템플릿의 구조나 골격을 빌드하는 데만 중점을 둡니다. 스타일이 구현되지 않지만 템플릿 및 페이지가 작동합니다.

잡지 문서 페이지 템플릿 만들기

페이지를 생성할 때 새 페이지를 만드는 기준으로 사용할 템플릿을 선택해야 합니다. 템플릿은 결과 페이지, 초기 컨텐츠 및 허용된 구성 요소의 구조를 정의합니다.

3개의 주요 지역이 있습니다 페이지 템플릿:

  1. 구조 - 템플릿의 일부인 구성 요소를 정의합니다. 컨텐츠 작성자는 편집할 수 없습니다.
  2. 초기 컨텐츠 - 템플릿으로 시작할 구성 요소를 정의하고 컨텐츠 작성자가 편집 및/또는 삭제할 수 있습니다
  3. 정책 - 구성 요소의 동작 방식과 작성자가 사용할 수 있는 옵션에 대한 구성을 정의합니다.

다음으로, 모집단 구조와 일치하는 새 템플릿을 AEM에서 생성합니다. 이 문제는 AEM의 로컬 인스턴스에서 발생합니다. 아래 비디오에서 절차를 따르십시오.

다음 축소판을 사용하여 템플릿을 식별할 수 있습니다(또는 직접 업로드).

문서 페이지 템플릿 축소판

솔루션 패키지

완료 잡지 템플릿의 솔루션 패키지 관리자를 통해 다운로드하여 설치할 수 있습니다.

경험 조각으로 머리글 및 바닥글 업데이트

머리글이나 바닥글과 같은 글로벌 컨텐츠를 만들 때 일반적으로 사용할 때는 경험 조각. 경험 조각 을 사용하면 여러 구성 요소를 결합하여 하나의 참조 가능한 구성 요소를 만들 수 있습니다. 경험 조각은 다중 사이트 관리를 지원하고 로컬라이제이션.

사이트 템플릿에서 머리글 및 바닥글을 생성했습니다. 그런 다음 경험 조각을 업데이트하여 비웃는 내용과 일치시킵니다. 아래 비디오에서 절차를 따르십시오.

아래 비디오에 대한 높은 수준의 단계:

  1. 샘플 컨텐츠 패키지 다운로드 WKND-Starter-Assets-Skate-Article-1.2.zip.
  2. 패키지 관리자를 사용하여 컨텐츠 패키지를 업로드하고 설치합니다.
  3. WKND 로고를 사용하도록 머리글 및 바닥글 경험 조각을 업데이트합니다

잡지 문서 페이지 만들기

그런 다음 Magazine Article Page 템플릿을 사용하여 새 페이지를 만듭니다. 사이트의 컨텐츠를 작성하여 사이트 모집단 과 일치시킵니다. 아래 비디오에서 절차를 따르십시오.

를 사용하십시오 제공된 텍스트 을 눌러 문서 본문을 채웁니다.

축하합니다!

축하합니다. Adobe Experience Manager Sites을 사용하여 새 템플릿과 페이지를 만들었습니다.

다음 단계

이 시점에서 잡지 문서 페이지와 사이트가 WKND의 브랜드 스타일과 일치하지 않습니다. 다음을 수행합니다 테마 사이트에 전역 스타일을 적용하는 데 사용되는 CSS 및 Javascript 프런트 엔드 코드를 업데이트하는 우수 사례를 살펴보려면 자습서를 참조하십시오.

솔루션 패키지

이 장의 솔루션 패키지를 다운로드할 수 있습니다. WKND-Magazine-Template-SOLUTION-1.0.zip.

이 페이지에서는