페이지 템플릿 만들기 creating-page-templates

새 템플릿을 만들려면 공동 작업이 필요합니다. 이러한 이유로 각 작업에 대해 역할이 지정됩니다.

인스턴스가 구성되는 방법에 따라, AEM에서 이제 다음을 제공한다는 것을 이해하는 것이 유용할 수 있습니다 두 가지 기본 템플릿 유형. 이 사실은 실제 방법에는 영향을 주지 않습니다 템플릿을 사용하여 페이지 만들기그러나 만들 수 있는 템플릿 유형과 페이지가 해당 템플릿과 관련되는 방식에는 영향을 줍니다.

관리자:

• 템플릿에 대한 새 폴더를 만들려면 admin 권한이 필요합니다.
• 이러한 작업은 종종 개발자가 수행할 수도 있습니다

개발자:

• 기술/내부 세부 사항에 집중합니다.
• 개발 환경에 대한 경험이 필요합니다.
• 템플릿 작성자에게 필요한 정보를 제공합니다.

템플릿 작성자:

• template-authors 그룹의 멤버인 특정 작성자입니다.

  • 필요한 권한을 할당합니다.

• 구성 요소 사용과 다음 요구 사항이 있는 기타 높은 수준의 세부 사항을 구성할 수 있습니다.

  • 일부 기술 지식

    • 예를 들어 경로를 정의할 때 패턴을 사용합니다.

  • 개발자의 기술 정보

편집 가능한 템플릿

• 다음을 수행할 수 있습니다. 생성됨 및 편집됨 다음을 사용하는 템플릿 작성자 템플릿 콘솔 및 편집기. 다음 템플릿 콘솔에서 액세스 가능 일반 섹션 도구 콘솔.
• 새 페이지가 만들어지면 페이지와 템플릿 간에 동적 연결이 유지됩니다. 즉, 템플릿 구조 및/또는 잠긴 컨텐츠에 대한 변경 사항이 해당 템플릿으로 만든 페이지에 반영됩니다. 잠금 해제된(즉, 초기) 컨텐츠에 대한 변경 사항은 반영되지 않습니다.
• 템플릿 편집기에서 정의할 수 있는 컨텐츠 정책을 사용하여 디자인 속성을 유지합니다. 페이지 편집기 내의 디자인 모드는 편집 가능한 템플릿에 더 이상 사용되지 않습니다.

정적 템플릿

• 정적 템플릿은 여러 버전의 AEM에 사용할 수 있습니다.
• 그렇습니다 개발자가 제공따라서 작성자가 만들거나 편집할 수 없습니다.
• 새 페이지를 만들기 위해 복사되지만, 그 후에는 동적 연결이 존재하지 않습니다(단, 템플릿 이름이 정보에 등록됨).
• 사용 디자인 모드 디자인 속성을 유지합니다.
• 정적 템플릿 편집은 개발자의 독점적인 작업이므로 개발자 문서를 참조하십시오 페이지 템플릿 - 정적 추가 정보.

를 사용하십시오 템플릿 콘솔. 이 기능은 일반 섹션 도구 콘솔.

• 또는 에서 바로 사용할 수 있습니다.http://localhost:4502/libs/wcm/core/content/sites/templates.html/conf

필요한 경우 템플릿용 폴더를 만들 수 있습니다.

처음에는 빈 상태인 새 템플릿을 만듭니다.

추가 속성 정의 필요한 경우 템플릿에 대한

템플릿 편집 를 정의하려면

• 구조 - 템플릿으로 만든 페이지에서 변경할 수 없는 사전 정의된 콘텐츠입니다.
• 초기 콘텐츠 - 템플릿으로 만든 페이지에서 변경할 수 있는 사전 정의된 콘텐츠입니다.
• 레이아웃 - 디바이스 범위에 해당합니다.
• 스타일 - 템플릿 및 해당 구성 요소와 함께 사용할 스타일을 정의합니다.

템플릿 활성화 페이지를 만들 때 사용

템플릿 허용 웹 사이트의 필수 페이지 또는 분기에 대해

템플릿 게시 게시 환경에서 사용 가능하게 하려면 다음을 수행하십시오

이미지

• 이미지로 사용할 이미지 템플릿의 축소판 를 눌러 페이지 만들기 마법사의 경우처럼 선택 항목을 지원합니다.

  • 업로드할 수 있습니다
  • 템플릿 콘텐츠를 기준으로 생성할 수 있습니다.

제목

• 템플릿을 식별하는 데 사용되는 제목(예: 페이지 만들기 마법사

설명

• 템플릿 및 해당 사용 방법에 대한 자세한 내용을 제공하기 위한 선택적 설명으로, 페이지 만들기 마법사

구조

여기에 추가된 구성 요소는 페이지 작성자가 결과 페이지에서 이동/제거할 수 없습니다. 페이지 작성자가 결과 페이지에 구성 요소를 추가 및 제거할 수 있게 하려면 템플릿에 단락 시스템을 추가해야 합니다.

구성 요소가 잠긴 경우 콘텐츠를 추가할 수 있지만 이 콘텐츠를 페이지 작성자는 편집할 수 없습니다. 구성 요소의 잠금을 해제하여 초기 콘텐츠를 정의할 수 있습니다.

초기 콘텐츠

구성 요소 잠금이 해제된 경우 템플릿에서 만든 결과 페이지에 복사할 초기 콘텐츠를 정의할 수 있습니다. 잠금이 해제된 이러한 구성 요소는 결과 페이지에서 편집할 수 있습니다.

레이아웃

여기에서 필요한 장치 형식에 대한 템플릿 레이아웃을 미리 정의할 수 있습니다. 템플릿 작성에 대한​ 레이아웃 모드는 페이지 작성에 대한 레이아웃 모드와 동일한 기능을 갖습니다.

페이지 정책

페이지 정책 아래에서 사전 정의된 페이지 정책을 페이지에 연결할 수 있습니다. 이러한 페이지 정책은 다양한 디자인 구성을 정의합니다.

스타일

스타일 시스템을 사용하여 템플릿 작성자는 페이지에서 구성 요소를 편집할 때 콘텐츠 작성자가 선택할 수 있도록 구성 요소의 콘텐츠 정책에 스타일 클래스를 정의할 수 있습니다. 이러한 스타일은 보다 유연하게 사용할 수 있도록 구성 요소를 시각적으로 변형한 대체물일 수 있습니다.

자세한 내용은 스타일 시스템 설명서를 참조하십시오.

템플릿 구조에 정의된 구성 요소는 결과 페이지에서 이동하거나 결과 페이지에서 삭제할 수 없습니다.

페이지 작성자가 구성 요소를 추가 및 제거할 수 있도록 하려면 템플릿에 단락 시스템을 추가하십시오.

초기 콘텐츠를 정의할 수 있도록 하려면 구성 요소 잠금을 해제했다가 다시 잠글 수 있습니다.

구성 요소 및 페이지에 대한 디자인 정책이 정의되어 있습니다.

구성 요소 추가

템플릿에 구성 요소를 추가하기 위한 다음과 같은 몇 가지 메커니즘이 있습니다.

• 에서 구성 요소 브라우저 를 클릭합니다.
• 를 사용하여 구성 요소 삽입 옵션 (+ 아이콘) 템플릿에 이미 있는 구성 요소의 도구 모음에서 사용 가능한 구성 요소를 여기로 드래그하십시오 상자.
• 사이드 패널의 에셋 브라우저에서 템플릿으로 직접 에셋을 끌어와 제 위치에 해당 구성 요소를 생성하여

추가된 각 구성 요소는 다음과 같이 표시됩니다.

• 테두리
• 구성 요소 유형을 표시하는 마커
• 구성 요소 잠금이 해제된 경우 표시할 마커

구성 요소 작업

구성 요소가 템플릿에 추가되면 구성 요소에 대해 작업을 수행합니다. 각 개별 인스턴스에는 사용 가능한 작업에 액세스할 수 있는 도구 모음이 있으며, 도구 모음은 구성 요소 유형에 따라 달라집니다.

또한 정책이 구성 요소와 연관된 경우 디자인 구성 아이콘을 사용할 수 있는 것처럼 수행되는 작업에 따라서도 달라집니다.

편집 및 구성

이러한 두 가지 작업을 사용하여 구성 요소에 콘텐츠를 추가할 수 있습니다.

구조를 나타내는 테두리

작업 시 구조 모드 및 주황색 테두리는 현재 선택된 구성 요소를 나타냅니다. 점선은 상위 구성 요소도 나타냅니다.

예를 들어 아래 스크린샷에서 텍스트 구성 요소 선택 레이아웃 컨테이너 (responsivegrid).

정책 및 속성(일반)

콘텐츠(또는 디자인) 정책은 구성 요소의 디자인 속성을 정의합니다. 예를 들어 사용 가능한 구성 요소나 최소/최대 차원을 사용할 수 있습니다. 템플릿(및 템플릿으로 만든 페이지)에 적용할 수 있습니다.

구성 요소에 대해 콘텐츠 정책을 만들거나 기존 콘텐츠 정책을 선택합니다. 이를 통해 디자인 세부 사항을 정의할 수 있습니다.

구성 창은 두 개로 나누어집니다.

• 정책 아래의 대화 상자 왼쪽에서는 새 정책을 만들거나 기존 정책을 선택할 수 있습니다.
• 속성 아래의 대화 상자 오른쪽에서는 구성 요소 유형과 관련된 속성을 설정할 수 있습니다.

사용 가능한 속성은 선택한 구성 요소에 따라 다릅니다. 예를 들어, 텍스트 구성 요소의 경우 속성은 여러 다른 옵션 중에서 복사 및 붙여넣기 옵션, 서식 옵션 및 단락 스타일을 정의합니다.

정책

콘텐츠(또는 디자인) 정책은 구성 요소의 디자인 속성을 정의합니다. 예를 들어 사용 가능한 구성 요소나 최소/최대 차원을 사용할 수 있습니다. 템플릿(및 템플릿으로 만든 페이지)에 적용할 수 있습니다.

정책 아래에서 드롭다운을 통해 구성 요소에 적용할 기존 정책을 선택할 수 있습니다.

정책 선택 드롭다운 옆에 있는 추가 버튼을 선택하여 새 정책을 추가할 수 있습니다. 이후 정책 제목 필드에 새 제목을 지정해야 합니다.

정책 선택 드롭다운에서 선택한 기존 정책은 드롭다운 옆에 있는 복사 버튼을 사용하여 새 정책으로서 복사할 수 있습니다. 이후 정책 제목 필드에 새 제목을 지정해야 합니다. 기본적으로 복사된 정책 제목은 X의 사본 ​으로 지정됩니다. 여기서 X는 복사된 정책의 제목입니다.

정책 설명 필드에서 정책에 대한 설명은 선택 사항입니다.

선택한 정책을 사용하는 다른 템플릿 섹션에서 정책 선택 드롭다운에서 선택한 정책을 사용하는 다른 템플릿을 쉽게 확인할 수 있습니다.

속성

속성 제목에서 구성 요소의 설정을 정의할 수 있습니다. 제목에는 두 개의 탭이 있습니다.

• 기본
• 기능

기본

설정 기본 탭에서 구성 요소의 가장 중요한 설정이 정의됩니다.

예를 들어 이미지 구성 요소의 경우 지연 로드를 활성화하여 허용되는 너비를 정의할 수 있습니다.

설정이 여러 구성을 허용하는 경우 추가 버튼을 클릭하거나 탭하여 다른 구성을 추가합니다.

구성을 제거하려면 구성 오른쪽에 있는 삭제 버튼을 클릭하거나 탭합니다.

구성을 제거하려면 ​ 삭제 단추를 클릭하거나 탭합니다.

기능

다음 기능 탭에서는 구성 요소의 추가 기능을 활성화하거나 비활성화할 수 있습니다.

예를 들어 이미지 구성 요소의 경우 자르기 비율, 허용되는 이미지 방향 및 업로드가 허용되는지 여부를 정의할 수 있습니다.

정책 및 속성(레이아웃 컨테이너)

레이아웃 컨테이너의 정책 및 속성 설정은 일반 사용과 유사하지만 몇 가지 차이점이 있습니다.

이 구성 창은 창의 일반적인 사용 방식과 마찬가지로 두 개로 나누어집니다.

정책

콘텐츠(또는 디자인) 정책은 구성 요소의 디자인 속성을 정의합니다. 예를 들어 사용 가능한 구성 요소나 최소/최대 차원을 사용할 수 있습니다. 템플릿(및 템플릿으로 만든 페이지)에 적용할 수 있습니다.

정책 아래에서 드롭다운을 통해 구성 요소에 적용할 기존 정책을 선택할 수 있습니다. 이는 창의 일반적인 사용 방식과 같습니다.

속성

속성 제목에서는 레이아웃 컨테이너에 사용할 수 있는 구성 요소를 선택하고 해당 설정을 정의할 수 있습니다. 제목에는 세 개의 탭이 있습니다.

• 허용된 구성 요소
• 기본 구성 요소
• 반응형 설정

허용된 구성 요소

설정 허용된 구성 요소 탭에서 레이아웃 컨테이너에 사용할 수 있는 구성 요소를 정의합니다.

• 구성 요소는 확장 및 축소할 수 있는 구성 요소 그룹별로 그룹화됩니다.
• 그룹 이름을 확인하여 전체 그룹을 선택할 수 있으며 체크 표시를 해제하여 모든 그룹을 선택 취소할 수 있습니다.
• 빼기 기호는 그룹의 모든 항목이 선택되어 있지 않은 하나 이상의 항목을 나타냅니다.
• 이름별로 구성 요소를 필터링하는 데 검색을 사용할 수 있습니다.
• 구성 요소 그룹 이름의 오른쪽에 나열된 숫자는 필터와 관계없이 해당 그룹에서 선택한 구성 요소의 총 수를 나타냅니다.

기본 구성 요소

기본 구성 요소 탭에서는 작성자가 에셋 브라우저에서 에셋을 끌어 오면 AEM에서 연결할 구성 요소를 알 수 있도록, 지정된 미디어 유형과 자동으로 연결되는 구성 요소를 정의합니다. 놓기 영역이 있는 구성 요소만 이러한 구성에 사용할 수 있습니다.

클릭 또는 탭 매핑 추가 완전히 새로운 구성 요소 및 MIME 유형 매핑을 추가하려면 다음을 수행하십시오.

Select a component in the list and click or tap Add type to add an additional MIME type to an already mapped component. MIME 유형을 제거하려면 삭제 아이콘을 클릭하십시오.

반응형 설정

반응형 설정 탭에서 레이아웃 컨테이너의 최종 격자에 포함되는 열 수를 구성할 수 있습니다.

구성 요소 잠금 해제/잠금

구성 요소를 잠금 해제/잠금 처리하여 초기 콘텐츠 모드에서 콘텐츠를 변경할 수 있는지 여부를 정의합니다.

구성 요소 잠금이 해제된 경우:

• 테두리에 열린 자물쇠 표시기가 표시됩니다.

• 구성 요소 도구 모음이 그에 따라 조정됩니다.

• 이미 입력한 콘텐츠는 구조 모드에 더 이상 표시되지 않습니다.

  • 이미 입력한 콘텐츠는 초기 콘텐츠로 간주되며 초기 콘텐츠 모드에서만 볼 수 있습니다.

• 잠금 해제된 구성 요소의 상위 항목을 이동하거나, 잘라내거나, 삭제할 수 없습니다.

This includes unlocking container components so that further components can be added, either in Initial Content mode or on resulting pages. If you have already added components/content to the container before unlocking it, then these will no longer be shown when in Structure mode but they will be shown in Initial Content mode. 구조 모드 ​에서는 컨테이너 구성 요소 자체만 허용된 구성 요소 목록과 함께 표시됩니다.

공간을 절약하기 위해 레이아웃 컨테이너는 허용된 구성 요소 목록을 수용하도록 확장되지 않습니다. 대신 컨테이너가 스크롤 가능한 목록이 됩니다.

구성 가능한 구성 요소는 정책 아이콘으로 표시되며, 이 아이콘을 탭하거나 클릭하여 해당 구성 요소의 정책 및 속성을 편집할 수 있습니다.

기존 페이지에 대한 관계

템플릿을 기준으로 페이지를 작성한 후 구조가 업데이트된 경우 이러한 페이지는 템플릿의 변경 사항을 반영합니다. 확인 대화 상자와 함께 이 사실을 알려 주는 경고가 도구 모음에 표시됩니다.

편집에 사용할 수 있는 잠금 해제된 구성 요소가 표시됩니다. 선택한 경우 파란색 테두리가 표시됩니다.

잠금 해제된 구성 요소에는 콘텐츠를 편집하고 구성할 수 있는 도구 모음이 있습니다.

컨테이너 구성 요소의 잠금이 해제된 경우(구조 모드에서) 새 구성 요소를 컨테이너에 추가할 수 있습니다(초기 콘텐츠 모드). 초기 콘텐츠 모드에서 추가한 구성 요소는 결과 페이지에서 이동하거나 삭제할 수 있습니다.

해당 컨테이너의 도구 모음에서 구성 요소를 여기로 드래그하십시오. 영역 또는 새 구성 요소 삽입 옵션을 사용하여 구성 요소를 추가할 수 있습니다.

페이지가 템플릿을 기준으로 작성된 후에 템플릿의 초기 콘텐츠가 업데이트될 경우 해당 페이지에는 템플릿의 초기 콘텐츠에 대한 변경 사항이 적용되지 않습니다.

정책 선택 드롭다운에서 페이지에 대한 기존 정책을 선택할 수 있습니다.

정책 선택 드롭다운 옆에 있는 추가 버튼을 선택하여 새 정책을 추가할 수 있습니다. 이후 정책 제목 필드에 새 제목을 지정해야 합니다.

정책 선택 드롭다운에서 선택한 기존 정책은 드롭다운 옆에 있는 복사 버튼을 사용하여 새 정책으로서 복사할 수 있습니다. 이후 정책 제목 필드에 새 제목을 지정해야 합니다. 기본적으로 복사된 정책 제목은 X의 사본 ​으로 지정됩니다. 여기서 X는 복사된 정책의 제목입니다.

정책 제목 필드에 정책의 제목을 정의합니다. 정책 선택 드롭다운에서 정책을 쉽게 선택하려면 정책에 제목이 있어야 합니다.

정책 설명 필드에서 정책에 대한 설명은 선택 사항입니다.

선택한 정책을 사용하는 다른 템플릿 섹션에서 정책 선택 드롭다운에서 선택한 정책을 사용하는 다른 템플릿을 쉽게 확인할 수 있습니다.

이 템플릿으로 작성된 페이지에 적용할 클라이언트측 라이브러리를 지정합니다. 클라이언트측 라이브러리 섹션의 텍스트 필드에 라이브러리 이름을 입력합니다.

여러 라이브러리가 필요한 경우 추가 버튼을 클릭하여 라이브러리 이름에 대한 추가 텍스트 필드를 추가합니다.

클라이언트측 라이브러리에 필요한 수만큼 텍스트 필드를 추가합니다.

끌기 핸들을 사용하여 필드를 끌어 필요에 따라 라이브러리의 상대 위치를 정의합니다.