채널에 구성 요소 추가 adding-components-to-a-channel
구성 요소는 AEM(Adobe Experience Manager) 경험의 기본 요소입니다. 여러 구성 요소를 사용하여 AEM Screens 프로젝트의 채널에 추가할 수 있습니다.
AEM Screens의 구성 요소 components-in-aem-screens
AEM Screens은 Screens 프로젝트에서 사용할 수 있는 다양한 AEM 구성 요소를 제공합니다.
AEM Screens 구성 요소 보기 viewing-aem-screens-components
AEM Screens 프로젝트를 만들 때마다 프로젝트에 추가할 수 있는 기본 구성 요소 목록이 표시됩니다.
Screens 프로젝트에 대한 기본 구성 요소를 보려면 아래 단계를 따르십시오.
-
채널을 선택합니다. 예를 들어,
We.Retail In Store
> 채널 > 유휴 채널. -
선택 편집 작업 표시줄에서
-
AEM 편집기에서 + 아이콘을 클릭합니다.
-
AEM Screens 프로젝트에 기본적으로 포함되는 모든 구성 요소가 아래 그림과 같이 표시됩니다.
새 구성 요소 추가 adding-a-new-component
AEM은 몇 가지 다른 구성 요소를 제공합니다. 다른 구성 요소(기본적으로 포함되지 않음)가 AEM Screens과 호환된다고 가정할 경우 언제든지 프로젝트에 추가할 수 있습니다.
다음 예는 AEM Screens 프로젝트에 Livefyre 구성 요소를 추가하는 방법을 보여줍니다.
-
구성 요소를 추가할 채널을 선택합니다. 예를 들어,
We.Retail In Store
> 채널 > 유휴 채널. -
선택 편집 작업 표시줄에서
-
선택 디자인 모드.
-
오른쪽의 전체 디자인 편집기를 선택하고 설정 기호를 선택하여 Parsys 디자인 대화 상자.
-
AEM Screens 프로젝트로 가져올 구성 요소를 선택할 수 있습니다. 다음 예는 의 추가를 보여줍니다. Livefyre 구성 요소를 AEM Screens 프로젝트에 추가합니다.
AEM 화면 구성 요소 이해 understanding-aem-screen-components
다음 섹션에서는 프로젝트에서 사용할 수 있는 AEM Screens 구성 요소에 대해 설명합니다.
애플리케이션 application
다음 애플리케이션 구성 요소를 사용하여 채널에 애플리케이션을 추가할 수 있습니다.
애플리케이션 구성 요소에는 다음 속성이 있습니다.
다음 예는 속성 미리보기와 함께 애플리케이션 구성 요소를 임베드하는 방법을 보여 줍니다.
채널 channel
다음 채널 구성 요소를 사용하여 프로젝트에 전체 채널을 추가할 수 있습니다.
채널 구성 요소에는 다음과 같은 속성이 있습니다.
임베딩된 페이지 embedded-page
An 포함된 페이지 프로젝트에 임베드된 페이지를 추가할 수 있습니다. 예를 들어 웹 애플리케이션이나 제품 카탈로그일 수 있습니다.
임베드된 페이지에는 다음 속성이 있습니다.
포함된 시퀀스 embedded-sequence
포함된 시퀀스를 사용하면 다른 에셋과 함께 기존 채널 내에 포함된 시퀀스 채널을 추가할 수 있습니다.
포함된 시퀀스에는 다음과 같은 페이지 속성이 있습니다.
동적 포함된 시퀀스 dynamic-embedded-sequence
동적 포함 시퀀스를 사용하면 채널 역할의 경우를 제외하고 위에서 언급한 것과 유사한 시퀀스를 추가할 수 있습니다.
포함된 시퀀스에 대한 자세한 내용은 포함된 시퀀스 제작 화면 섹션에서 참조할 수 있습니다.
동적 포함 시퀀스에는 다음과 같은 속성이 있습니다.
경험 조각 experience-fragment
경험 조각을 사용하면 경험 조각(페이지 내에서 참조할 수 있는 컨텐츠 및 레이아웃을 포함한 하나 이상의 구성 요소 그룹)을 AEM Screens 채널에 추가할 수 있습니다. 구성 요소를 AEM 편집기로 드래그하여 놓고 경험 조각을 선택합니다.
경험 조각을 만들어 AEM Screens 프로젝트에 적용하는 방법에 대한 자세한 내용은 다음을 참조하십시오. 경험 조각 사용.
이미지 image
이미지 를 사용하면 채널에 이미지를 추가할 수 있습니다.
이미지 에셋에는 세 개의 탭, 즉 이미지, 접근성, 및 시퀀스:
전환 transition
전환 구성 요소를 사용하여 화면 프로젝트에 전환을 추가할 수 있습니다.
다음 이미지는 편집기에 대한 전환 구성 요소(끌어서 놓기를 통해 추가됨)를 보여 줍니다.
전환 아이콘을 선택하고 구성 (렌치 아이콘) 전환 대화 상자. 이 대화 상자에는 세 개의 탭이 있습니다.
- 전환
- 시퀀스
- 활성화
전환 구성 요소에는 다음과 같은 속성이 있습니다.
비디오 video
비디오 구성 요소를 사용하여 Screens 프로젝트에 비디오를 추가할 수 있습니다.
비디오 구성 요소에는 다음과 같은 속성이 있습니다.