예
콘텐츠의 형태가 다음과 같습니다.
/content
+-- experience-fragments
\-- wknd
+-- language-masters
+-- us
+-- en
+-- footerTextXf
\-- headerTextXf
\-- es
+-- footerTextXf
\-- headerTextXf
\-- ch
+-- de
+-- footerTextXf
\-- headerTextXf
+-- fr
+-- footerTextXf
\-- headerTextXf
\-- it
+-- footerTextXf
\-- headerTextXf
+-- wknd
+-- language-masters
+-- us
+-- en
\-- es
+-- ch
+-- de
+-- fr
\-- it
+-- wknd-events
\-- wknd-shop
/content/experience-fragments/wknd
아래의 구조는 /content/wknd
의 구조를 미러링합니다.
이 경우 이메일 경험 조각 구성 요소 /content/experience-fragments/wknd/us/en/footerTextXf
를 템플릿에 배치하면 해당 템플릿을 기반으로 제작된 현지화된 페이지는 현지화된 콘텐츠 페이지에 해당되는 현지화된 경험 조각을 자동으로 렌더링합니다.
동일한 템플릿을 사용하는 /content/wknd/ch/de
아래 콘텐츠 페이지로 이동하면 /content/experience-fragments/wknd/us/en/footerTextXf
대신 /content/experience-fragments/wknd/ch/de/footerTextXf
가 렌더링됩니다.
대체
이메일 경험 조각 구성 요소는 해당 현지화된 구성 요소 검색을 다음 순서로 시도합니다.
- 먼저 언어 루트 검색을 시도합니다.
- 검색되지 않는 경우 블루프린트 검색을 시도합니다.
- 검색되지 않는 경우 라이브 카피 검색을 시도합니다.
- 검색되지 않는 경우 구성 요소에 구성되는 경험 조각으로 기본 설정됩니다.
구성 대화 상자
콘텐츠 작성자는 구성 대화 상자를 통해 콘텐츠에 렌더링할 경험 조각 변형을 선택할 수 있습니다.
선택 열기 대화 상자 버튼을 통해 구성 요소 선택기를 열고 콘텐츠 페이지에 추가할 경험 조각 구성 요소를 선택합니다.
이메일 경험 조각 구성 요소가 템플릿에 추가되어 경험 조각이 현지화되면 경험 조각 구성 요소는 자동으로 현지화됩니다. 이 경우 페이지에 렌더링된 내용은 명시된 구성 요소와 다를 수 있습니다. 자세한 내용은 위의 예를 참조하십시오.
ID 를 정의할 수도 있습니다. 이 옵션을 통해 HTML에서 구성 요소의 고유 식별자를 제어할 수 있습니다.
- 비워 두면 고유 ID는 자동으로 생성되고 결과 콘텐츠 검사를 통해 발견될 수 있습니다.
- ID가 지정된 경우 작성자는 ID가 고유한지 확인해야 합니다.
- ID를 변경하면 CSS에 영향을 줄 수 있습니다.
스타일 탭
이메일 경험 조각 구성 요소는 AEM 스타일 시스템을 지원합니다.
드롭다운을 사용하여 구성 요소에 적용할 스타일을 선택합니다. 편집 대화 상자에서 선택한 항목은 구성 요소 툴바에서 선택한 항목과 동일한 효과를 가집니다.
탭을 사용하려면 디자인 대화 상자에서 이 구성 요소에 대한 스타일을 구성해야 합니다.
디자인 대화 상자
템플릿 작성자는 디자인 대화 상자를 통해 이메일 경험 조각 구성 요소를 사용하는 콘텐츠 작성자에게 제공되는 옵션과 이메일 경험 조각 구성 요소 배치 시 설정된 기본값을 정의할 수 있습니다.
스타일 탭
이메일 경험 조각 구성 요소는 AEM 스타일 시스템을 지원합니다.