다중 영역 레이아웃 multi-zone-layout
다음 페이지에서는 다중 영역 레이아웃의 사용에 대해 설명하고 다음 항목을 다룹니다.
- 개요
- 다중 영역 레이아웃 만들기
- 사전 요구 사항
- 하나 이상의 영역에서 단일 자산 사용
- 하나 이상의 영역에서 순차적 컨텐츠 사용
개요 overview
다중 영역 레이아웃 에서는 여러 영역 콘텐츠를 만들고 비디오, 이미지 및 텍스트와 같은 다양한 에셋을 사용하여 한 화면에서 결합할 수 있습니다. 이미지, 비디오 및 텍스트를 가져와서 모두 함께 혼합하고 직관적인 디지털 경험을 만들 수 있습니다.
프로젝트 요구 사항에 따라 한 채널에 여러 영역이 필요하며 이를 하나의 포괄적인 단위로 편집해야 하는 경우가 있습니다. 예를 들어, 단일 채널에서 세 개의 별도 영역에서 실행되는 관련 소셜 미디어 피드가 있는 제품 시퀀스입니다.
사전 요구 사항 prerequisites
이 기능을 구현하기 전에 다음에 대한 개념적 지식이 있는지 확인하십시오.
다중 영역 레이아웃 만들기 creating-multi-zone-layout
채널을 만드는 동안 다른 템플릿을 사용하여 채널에 영역을 만들 수 있습니다. 하나의 이미지, 비디오 또는 여러 에셋을 시퀀스에 표시할 수 있는 임베드된 채널을 추가할 수 있습니다.
채널 만들기
-
Adobe Experience Manager 링크(왼쪽 상단)를 클릭한 다음 스크린. 또는 다음 위치로 직접 이동할 수 있습니다.
http://localhost:4502/screens.html/content/screens
. -
다음으로 이동 채널 폴더 및 클릭 만들기 작업 표시줄에서
-
클릭 1x2 분할 화면 채널 다음에서 만들기 마법사.
-
클릭 다음 을(를) 입력한 후 제목 다음으로: 다중 영역.
-
클릭 만들기 을 클릭하여 채널 만들기를 완료합니다.
하나 이상의 영역에서 단일 자산 사용 using-single-assets-in-one-or-more-zones
모든 개별 영역에서 이미지 또는 비디오와 같은 단일 자산을 사용할 수 있습니다. 구현을 위해 아래 단계를 따르십시오.
-
채널에 콘텐츠 추가
- 다음으로 이동 영역 > 채널> 다중 영역.
- 다음을 클릭합니다. 다중 영역 채널 및 클릭 편집 작업 표시줄에서
-
채널에 이미지 추가
두 영역에서 단일 이미지 또는 비디오를 재생하려면 아래 그림과 같이 채널 편집기의 각 영역으로 이미지를 드래그하여 놓기만 하면 됩니다.
하나 이상의 영역에서 순차적 컨텐츠 사용 using-sequenced-content-in-one-or-more-zones
영역에 이미지 및 비디오 시퀀스를 다른 영역에 표시하려면 아래 단계를 따라 자세한 내용을 확인하십시오.
-
채널 폴더 만들기
- 다음으로 이동 영역 > 다중 영역 > 채널 및 클릭 만들기 작업 표시줄에서
- 클릭 채널 폴더 다음에서 만들기 마법사 및 클릭 다음.
- 제목을 다음으로 입력 EmbeddedChannel 및 클릭 만들기.
-
채널 폴더에 채널 2개 추가
- 다음으로 이동 영역 > 채널 > EmbeddedChannel 및 클릭 만들기 작업 표시줄에서
- 클릭 시퀀스 채널 다음에서 만들기 이라는 제목이 있는 채널을 만드는 마법사
Zone1
. - 클릭
Zone1
및 클릭 편집 작업 표시줄에서 - 몇 개의 이미지를 이 채널로 드래그 앤 드롭하십시오.
- 마찬가지로 라는 다른 시퀀스 채널을 만듭니다.
Zone2
위치: EmbeddedChannel 폴더를 삭제합니다. - 비디오를 이 채널로 드래그 앤 드롭하십시오.
다음 그림은 채널을 보여줍니다
Zone1
및Zone2
:의 편집기에 추가된 이미지
Zone1
시퀀스 채널은 다음과 같습니다.비디오가 의 편집기에 추가되었습니다.
Zone2
시퀀스 채널은 아래에 표시되어 있습니다. -
주 채널(MultiZone)에 임베드된 시퀀스(구성 요소) 추가
-
다음으로 이동 영역 > 채널 > 다중 영역.
-
클릭 편집 작업 표시줄에서
-
을(를) 끌어다 놓습니다. 포함된 시퀀스 구성 요소를 두 영역 모두에 추가합니다.
-
영역 중 하나에서 포함된 시퀀스를 클릭합니다.
-
다음을 클릭합니다. 구성 (렌치) 아이콘 을 사용하여 편집기에 포함된 시퀀스 중 하나를 표시할 수 있습니다.
-
다음으로 채널 경로 클릭 영역 > 채널 > EmbeddedChannel >
Zone1
을 참조하십시오. -
마찬가지로
Zone2
를 클릭하여 편집기에 포함된 다른 시퀀스 구성 요소에 추가합니다.
-
위치 및 디스플레이 만들기 creating-location
AEM Screens 플레이어에서 컨텐츠를 볼 수 있도록 위치 및 디스플레이를 만듭니다.
-
위치 생성
- 다음으로 이동 영역 > 위치 폴더를 삭제합니다.
- 다음을 클릭합니다. 위치 폴더 및 클릭 만들기 작업 표시줄에서
- 클릭 위치 다음에서 만들기 마법사 및 클릭 다음.
- 다음을 입력합니다. 제목 다음으로: 산호세 및 클릭 만들기.
-
디스플레이 만들기
- 다음으로 이동 영역 > 위치 폴더를 삭제합니다.
- 다음을 클릭합니다. 산호세 위치 및 클릭 만들기 작업 표시줄에서
- 클릭 표시 다음에서 만들기 마법사 및 클릭 다음.
- 다음을 입력합니다. 제목 다음으로: 로비 및 클릭 만들기.
디스플레이에 채널 할당 channel-channel
디스플레이에 채널을 할당하여 콘텐츠를 봅니다. 아래 단계에 따라 채널을 디스플레이에 지정하십시오.
-
디스플레이에 채널 할당
-
다음으로 이동 영역 > 위치 > 산호세> 로비.
-
다음을 클릭합니다. 로비 표시 및 클릭 채널 할당 작업 표시줄에서
-
에 대한 경로 입력 다중 영역 의 채널 채널 경로.
-
설정 지원되는 이벤트 다음으로: 초기 로드, 유휴 화면, 및 타이머.
-
저장 을 클릭합니다.
-
마찬가지로 다른 두 개의 임베드된 채널(
Zone1
및Zone2
)을 클릭하여 표시합니다. -
3개의 채널을 모두 할당하고나면 로비 디스플레이 - 디스플레이 대시보드에서 할당된 채널을 볼 수 있어야 합니다.
note important IMPORTANT 기본 채널을 할당한 후(이 경우 다중 영역) 디스플레이에 다른 두 개의 임베드된 채널을 할당해야 합니다 Zone1
및Zone2
동일한 디스플레이에 추가.
-
장치 등록 registering-device
위치 및 디스플레이를 설정한 경우 아래 단계에 따라 장치를 등록하고 장치에 디스플레이를 할당합니다.
-
장치 등록
-
다음으로 이동 영역 > 장치 폴더를 삭제합니다.
-
다음을 클릭합니다. 장치 폴더 및 클릭 장치 관리자 작업 표시줄에서
-
클릭 장치 등록 목록에서 보류 중인 장치를 클릭합니다.
note note NOTE 장치의 제목은 장치 토큰( )과 일치해야 합니다.토큰 필드)에 표시됨 장치 등록 탭. -
제목이 장치 토큰과 일치하는 경우 장치를 클릭하고 을 클릭합니다. 장치 등록 작업 표시줄에서
-
등록 코드가 Screens 플레이어의 코드와 일치하는 경우 장치 등록 탭을 클릭하고 유효성 검사 작업 표시줄에서
-
다음을 입력합니다. 제목 다음으로:
Chrome-Device1
및 클릭 등록. -
클릭 디스플레이 할당 을 클릭하고 장치 구성의 경로를 클릭합니다.
note note NOTE Screens 플레이어에서 콘텐츠를 보려면 다음을 클릭하십시오. 오프라인 컨텐츠 업데이트 디스플레이에 할당된 각 채널에 대한 채널 대시보드에서 을 참조하십시오. -
결과 보기 viewing-the-result
이전 단계를 사용하여 다중 영역 레이아웃을 구현하면 다음 출력이 표시됩니다.
두 개의 다른 영역에 있는 콘텐츠를 표시하는 출력을 볼 수 있도록 화면 플레이어를 확인합니다. 왼쪽 및 오른쪽 영역(둘 다 포함된 시퀀스를 구성 요소로 사용)은
왼쪽 영역은 시퀀스 채널이고 오른쪽 영역은 비디오를 포함한다.