템플릿으로 사이트 생성

사이트 템플릿을 사용하여 간편하게 AEM 사이트를 만드는 방법에 대해 알아봅니다.

지금까지의 스토리

AEM 빠른 사이트 생성 여정의 이전 문서인 Cloud Manager 이해 및 빠른 사이트 생성 워크플로에서는 Cloud Manager와 이것이 새로운 빠른 사이트 생성 프로세스를 결합하는 방법에 대해 알아보았습니다. 여기에서 알게 된 내용은 다음과 같습니다.

• AEM Sites 및 Cloud Manager를 함께 사용하여 프론트엔드 개발을 용이하게 하는 방법을 이해할 수 있습니다.
• AEM 지식이 필요하지 않도록 프론트엔드 맞춤화 단계를 AEM에서 완전히 분리하는 방법을 파악할 수 있습니다.

이 문서는 이러한 기본 사항을 기반으로 하므로 이를 통해 첫 번째 구성 단계를 수행하고 템플릿에 대한 사이트를 만들어 나중에 프론트엔드 도구를 사용하여 맞춤화할 수 있습니다.

목표

이 문서는 사이트 템플릿을 사용하여 간편하게 AEM 사이트를 만드는 방법을 이해하는 데 도움이 됩니다. 문서를 읽고 나면

• AEM 사이트 템플릿을 얻는 방법을 이해할 수 있습니다.
• 템플릿을 사용하여 사이트를 만드는 방법을 알아봅니다.
• 새 사이트에서 템플릿을 다운로드하여 프론트엔드 개발자에게 제공하는 방법을 파악할 수 있습니다.

담당 역할

이 부분의 여정은 AEM 관리자에게 적용됩니다.

사이트 템플릿

사이트 템플릿은 기본 사이트 콘텐츠를 편리하며 재사용 가능한 패키지로 결합하는 방법입니다. 일반적으로 사이트 템플릿에는 기본 사이트 콘텐츠 및 구조 외에도 새 사이트를 빠르게 시작할 수 있는 사이트 스타일 지정 정보가 포함됩니다. 실제 구조는 다음과 같습니다.

• files: UI 키트, XD 파일 및 기타 파일이 포함된 폴더
• previews: 사이트 템플릿의 스크린샷이 포함된 폴더
• site: 페이지 템플릿, 페이지 등 이 템플릿으로 만든 각 사이트에 대해 복사된 콘텐츠의 콘텐츠 패키지
• theme: 사이트의 외관을 수정하기 위한 템플릿 테마의 소스(예: CSS, JavaScript 등)

템플릿은 재사용이 가능하여 콘텐츠 작성자가 간편하게 사이트를 만들 수 있도록 하는 강력한 도구입니다. 또한 AEM 설치에서 여러 템플릿을 사용할 수 있으므로 다양한 비즈니스 요구 사항을 유연하게 충족할 수 있습니다.

사이트 템플릿 얻기

GitHub 저장소에서 AEM 표준 사이트 템플릿의 최신 릴리스를 다운로드하여 가장 간단하게 시작할 수 있습니다.

다운로드하고 나면 다른 패키지와 마찬가지로 이를 AEM 환경에 업로드할 수 있습니다. 패키지를 사용하여 작업하는 방법에 대해 자세히 알아보려면 추가 리소스 섹션을 참조하십시오.

사이트 템플릿 설치

템플릿을 사용하여 간편하게 사이트를 만들 수 있습니다.

1. AEM 작성 환경에 로그인한 다음 Sites 콘솔로 이동합니다.

   • https://<your-author-environment>.adobeaemcloud.com/sites.html/content

2. 선택 만들기 화면 오른쪽 상단의 드롭다운 메뉴에서 을(를) 선택합니다. 템플릿의 사이트.

   

3. 사이트 생성 마법사에서 다음을 선택합니다 가져오기 왼쪽 열의 맨 위에 있습니다.

   

4. 파일 브라우저에서 템플릿을 찾습니다 이전에 다운로드했습니다. 및 선택 업로드.

5. 업로드되면 사용할 수 있는 템플릿 목록에 표시됩니다. 해당 템플릿을 선택하고(오른쪽 열에 템플릿에 대한 정보도 표시됨) 선택합니다 다음.

   

6. 사이트의 제목을 입력합니다. 사이트 이름을 입력하거나 생략할 수 있으며, 생략할 경우 자동으로 제목에서 생성됩니다.

   • 브라우저의 제목 표시줄에 사이트 제목이 표시됩니다.
   • 사이트 이름은 URL의 일부가 됩니다.

7. 선택 만들기 그리고 사이트 템플릿에서 새 사이트가 만들어집니다.

   

8. 표시되는 확인 대화 상자에서 완료.

   

9. Sites 콘솔에 새 사이트가 표시되며, 해당 사이트를 탐색하여 템플릿에서 정의한 기본 구조를 살펴볼 수 있습니다.

   

이제 콘텐츠 작성자는 작성을 시작할 수 있습니다.

추가적인 맞춤화가 필요합니까?

사이트 템플릿은 매우 강력하고 유연한 도구로, 프로젝트에 대해 원하는 수의 사이트 템플릿을 만들어 손쉽게 사이트 변형을 만들 수 있습니다. 사용 중인 사이트 템플릿에서 수행한 맞춤화의 수준에 따라, 추가적인 프론트엔드 맞춤화가 필요하지 않을 수도 있습니다.

• 사이트에 추가적인 맞춤화가 필요하지 않다면 축하합니다! 귀하의 여정은 여기서 끝납니다.
• 여전히 추가적인 프론트엔드 맞춤화가 필요하거나 나중에 맞춤화가 필요할 경우를 대비하여 전체 프로세스를 이해하고자 하는 경우, 이 문서를 계속해서 읽어보십시오.

예제 페이지

추가적인 프론트엔드 맞춤화가 필요한 경우, 프론트엔드 개발자가 귀하의 콘텐츠 세부 정보를 숙지하고 있지 않을 수도 있음을 염두에 두어야 합니다. 따라서 개발자에게 테마를 맞춤화할 때 참조의 기반으로 사용할 수 있는 일반적인 콘텐츠로의 경로를 제공하는 것이 좋습니다. 대표적인 예로 사이트의 마스터 언어에 대한 홈 페이지를 들 수 있습니다.

1. 사이트 브라우저에서 사이트 마스터 언어의 홈 페이지로 이동한 다음 선택할 페이지를 선택하고 를 선택합니다 편집 메뉴 표시줄에서 을 클릭합니다.

   

2. 편집기에서 도구 모음의 페이지 정보 버튼을 선택한 다음 게시됨으로 보기​를 선택합니다.

   

3. 화면에 표시되는 탭에서 주소창에 있는 콘텐츠 경로를 복사합니다. 예: /content/<your-site>/en/home.html?wcmmode=disabled

   

4. 나중에 프론트엔드 개발자에게 제공하기 위해 경로를 저장합니다.

테마 다운로드

이제 사이트를 만들었으므로 템플릿으로 생성한 사이트 테마를 다운로드하고 프론트엔드 개발자에게 제공하여 맞춤화할 수 있습니다.

1. Sites 콘솔에서 사이트 레일을 표시합니다.

   

2. 새 사이트의 루트를 선택한 다음 을 선택합니다. 테마 소스 다운로드 사이트 레일에서 을 참조하십시오.

   

이제 다운로드 파일에 테마 소스 파일의 사본이 있습니다.

프록시 사용자 설정

프론트엔드 개발자가 사이트의 실제 AEM 콘텐츠를 사용하여 맞춤화를 미리 보도록 하려면 프록시 사용자를 설정해야 합니다.

1. AEM 메인 탐색에서 로 이동합니다. 도구 > 보안 > 사용자.

2. 사용자 관리 콘솔에서 을 선택합니다. 만들기.

   

3. 새 사용자 만들기 창에서 최소한 다음과 같은 항목을 입력해야 합니다.

   • ID - 프론트엔드 개발자에게 제공해야 하므로 이 값을 적어 두십시오.
   • 암호 - 프론트엔드 개발자에게 제공해야 하므로 이 값을 안전하게 저장해 두십시오.

   

4. 그룹 탭에서 프록시 사용자를 contributors 그룹에 추가합니다.

   • contributors라는 용어를 입력하면 그룹을 쉽게 선택할 수 있도록 AEM의 자동 완성 기능이 트리거됩니다.

   

5. 선택 저장 및 닫기.

이제 구성이 완료되었습니다. 이제 콘텐츠 작성자는 여정의 다음 단계에서의 프론트엔드 맞춤화를 시작하는 사이트 준비 단계로 이동하여 콘텐츠를 만들 수 있습니다.

다음 단계

AEM 빠른 사이트 생성 여정의 한 부분을 완료했으므로,

• AEM 사이트 템플릿을 얻는 방법을 이해할 수 있습니다.
• 템플릿을 사용하여 사이트를 만드는 방법을 알아봅니다.
• 새 사이트에서 템플릿을 다운로드하여 프론트엔드 개발자에게 제공하는 방법을 파악할 수 있습니다.

이 지식을 기반으로 다음 문서인 파이프라인 설정을 검토하여 AEM 빠른 사이트 생성 여정을 계속하십시오. 여기에서는 사이트 테마의 맞춤화를 관리할 수 있는 프론트엔드 파이프라인을 만들게 됩니다.

추가 리소스

다음 문서인 파이프라인 설정을 검토하여 빠른 사이트 생성 여정의 다음 부분으로 넘어가는 것이 좋습니다. 다음은 이 문서에 나열된 몇 가지 개념을 자세히 알아보는 추가적인 옵션 리소스이며, 이들 리소스를 여정에서 계속 사용할 필요는 없습니다.

• AEM 표준 사이트 템플릿 - AEM 표준 사이트 템플릿의 GitHub 저장소입니다.
• 페이지 생성 및 구성 - 템플릿으로 AEM 사이트를 만든 후 추가로 맞춤화하려는 경우 이 안내서에서는 사이트의 페이지를 관리하는 방법에 대해 자세히 설명합니다.
• 패키지를 사용하여 작업하는 방법 - 패키지를 사용하여 저장소 콘텐츠를 가져오고 내보낼 수 있습니다. 이 문서에서는 AEM 6.5의 패키지를 사용하여 작업하는 방법에 대해 설명합니다(AEMaaCS에도 적용됨).
• 사이트 관리 설명서 - 빠른 사이트 생성 도구의 기능에 대한 자세한 내용은 사이트 생성에 대한 기술 문서를 확인하십시오.
• AEM Sites 페이지에 양식 작성 또는 추가 - 양식을 웹 사이트에 통합하는 단계별 기술과 모범 사례에 대해 알아보고 디지털 환경을 최적화하여 효과를 극대화합니다.