경험 조각 사용 using-experience-fragments

Last update: Wed Apr 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

Intermediate
Admin
Developer

이 페이지에서는 다음 주제를 다룹니다.

개요
AEM Screens에서 경험 조각 사용
페이지에 변경 사항 전파

개요 overview

An 경험 조각 는 페이지 내에서 참조할 수 있는 컨텐츠 및 레이아웃을 포함한 하나 이상의 구성 요소 그룹입니다. 경험 조각에는 전체 경험에 참조되거나 세 번째 끝점에서 요청한 단락 시스템 내의 모든 항목을 포함할 수 있는 하나 또는 여러 구성 요소와 같은 구성 요소가 포함될 수 있습니다.

AEM Screens에서 경험 조각 사용 using-experience-fragments-in-aem-screens

NOTE

다음 예제에서는 를 사용합니다 We.Retail 경험 조각이 적용되는 의 데모 프로젝트로 사이트 페이지를 AEM Screens 프로젝트에 복사합니다.

예를 들어 다음 워크플로는에서 경험 조각을 사용하는 방법을 보여 줍니다 We.Retail 사이트. 웹 페이지를 선택하고 프로젝트 중 하나의 AEM Screens 채널에서 해당 콘텐츠를 사용할 수 있습니다.

전제 조건 pre-requisites

채널을 사용하여 데모 프로젝트 만들기

프로젝트 만들기

프로젝트를 만들려면 스크린 프로젝트 만들기.
제목 입력 DemoProject.
저장 을 클릭합니다.

A DemoProject 가 AEM Screens에 추가됩니다.

채널 만들기

다음 위치로 이동 DemoProject 을(를) 만들고 을(를) 클릭합니다. 채널 폴더를 삭제합니다.
클릭 만들기 마법사를 열 수 있도록 작업 표시줄에서 을 선택합니다.
다음을 선택합니다. 시퀀스 채널 마법사에서 템플릿을 클릭하고 다음.
다음을 입력합니다. 제목 다음으로: 테스트 채널 및 클릭 만들기.

A 테스트 채널 이(가) 다음에 추가됩니다. DemoProject.
screen_shot_2019-07-29at105101am

경험 조각 생성 creating-an-experience-fragment

콘텐츠를 적용하려면 아래 단계를 따르십시오. We.Retail (으)로 테스트 채널 위치: DemoProject.

We.Retail에서 사이트 페이지로 이동
1. 사이트로 이동하여 We.Retail > 미국 > 영어 > 장비 Screens 채널의 경험 조각으로 사용할 수 있도록 하려면 이 페이지를 클릭하십시오.
2. 클릭 편집 Screens 채널에 대한 경험 조각으로 사용할 페이지를 열 수 있도록 작업 표시줄에서 을 선택합니다.
콘텐츠 재사용
1. 채널에 포함할 조각을 클릭합니다.
2. 오른쪽에서 마지막 아이콘을 클릭하여 경험 조각으로 변환 대화 상자.
경험 조각 만들기
1. 다음을 선택합니다. 작업 다음으로: 새 경험 조각 만들기.
2. 다음을 클릭합니다. 상위 경로.
3. 다음을 클릭합니다. 템플릿. 다음을 선택합니다. 경험 조각 - 화면 변형 여기에 템플릿(필드의 값) /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).
4. 다음을 입력합니다. 조각 제목 다음으로: ScreensFragment.
5. 새 경험 조각 만들기를 완료하려면 확인 표시를 클릭합니다.
참고: 더 쉬운 옵션을 클릭하려면 선택 대화 상자를 열 수 있도록 필드 오른쪽에 있는 확인 표시를 클릭합니다.

경험 조각의 라이브 카피 만들기

AEM 홈 페이지로 이동합니다.
클릭 경험 조각 및 강조 표시 ScreensFragment 및 클릭 변형을 Live Copy로 아래 그림과 같이

screen_shot_2019-07-29at110443am

c. ScreensFragment 출처: Live Copy 만들기 마법사 및 클릭 다음.

d. 다음을 입력합니다. 제목 및 이름 다음으로: 스크린.

e. 클릭 만들기 라이브 카피를 만들 수 있습니다.

f. 클릭 완료 다시 다음으로 이동할 수 있음 ScreensFragment 페이지를 가리키도록 업데이트하는 중입니다.

screen_shot_2019-07-29at110616am

note note
NOTE
AEM Screens 조각을 만든 다음에는 조각의 속성을 편집할 수 있습니다. 조각을 클릭하고 속성 작업 표시줄에서

화면 조각의 속성 편집

다음 위치로 이동 ScreensFragment (이전 단계에서 생성한 항목) 을 클릭하고 속성 작업 표시줄에서
다음을 클릭합니다. 오프라인 구성 아래 그림과 같이 탭으로 이동합니다.

다음을 추가할 수 있습니다. 클라이언트 측 라이브러리 (Java™ 및 css) 및 정적 파일 경험 조각으로 복제합니다.

다음 예는 정적 파일의 일부로서 경험 조각에 클라이언트측 라이브러리와 글꼴을 추가하는 방법을 보여줍니다.

화면 채널에서 경험 조각을 구성 요소로 사용

를 사용할 Screens 채널로 이동합니다. 스크린 조각.
다음을 클릭합니다. 테스트 채널 및 클릭 편집 작업 표시줄에서
측면 탭에서 구성 요소 아이콘을 클릭합니다.
을(를) 끌어다 놓습니다. 경험 조각 을(를) 내 채널로 보냅니다.

screen_shot_2019-07-29at123115pm

e. 경험 조각 구성 요소를 클릭하고 왼쪽 상단(렌치) 아이콘을 클릭하여 경험 조각 대화 상자.

f. 스크린 만든 조각의 라이브 카피 3단계 위치: 경로.

screen_shot_2019-07-26at82650pm

f. 스크린 만든 조각의 라이브 카피 3단계 다음에서 경험 조각.

screen_shot_2019-07-26at82509pm

h. 밀리초를 입력합니다. 기간.

i. 오프라인 구성 다음에서 경험 조각 클라이언트측 라이브러리와 정적 파일을 정의할 수 있는 대화 상자

note note
NOTE
(4)단계에서 구성한 것 이외에 클라이언트측 라이브러리 또는 정적 파일을 추가하려면 오프라인 구성 의 탭 경험 조각 대화 상자.

screen_shot_2019-07-26at82844pm