Show Menu
TOPICS×

핵심 구성 요소의 현지화 기능

많은 웹 사이트에서는 다양한 언어 및 지역에서 지역화된 형식으로 컨텐츠를 전달해야 합니다. 선택한 핵심 구성 요소에는 지능적인 참조 리소스가 포함되어 있으므로 로컬라이즈된 사이트 구조에 따라 자동으로 적용되는 모든 로컬라이즈된 컨텐츠에 대해 통합된 템플릿을 간편하게 만들 수 있습니다.

예 - 탐색 및 바닥글이 있는 현지화된 페이지

대부분의 사이트에는 모든 페이지에 걸쳐 바닥글이 있어야 합니다. 이러한 바닥글은 일반적으로 페이지의 모든 컨텐츠에서 일관됩니다. 하지만 현지화된 컨텐츠 페이지의 경우 해당 머리글이나 바닥글의 현지화된 버전을 표시해야 합니다.
마찬가지로 탐색 구성 요소는 일반적으로 모든 페이지에 표시되어야 합니다. 하지만 현지화된 페이지의 컨텐츠도 반영해야 합니다.
AEM의 편집 가능한 템플릿과 함께 내비게이션 코어 구성 요소 경험 조각 코어 구성 요소의 현지화 기능을 사용하면간단한 작업이 됩니다. 이 예는 언어 탐색 구성 요소도 사용하도록 확장될 수 있습니다.

컨텐츠 구조

AEM 및 핵심 구성 요소의 모든 현지화 기능은 현지화된 컨텐츠에 대해 명확하고 논리적인 콘텐츠 구조를 사용합니다.
사이트가 단순히 호출되고 여기에
my-site
있다고 가정해 봅시다.
/content/my-site
영어로 사이트를 작성하고 프랑스어로 제공한다고 가정해 봅시다. 따라서 간단한 페이지인 경우
my-page
사이트의 컨텐츠 트리에 있는 두 가지 로컬라이제이션 분기에 표시됩니다.
/content \-- my-site +-- en \-- my-page \-- fr \-- my-page
이 로컬라이제이션 분기에는 추가 사이트 페이지를 만들 수 있습니다.
페이지 바닥글은 일반적으로 경험 조각을 사용하여 작성되므로 페이지와 마찬가지로 영어 및 프랑스어 버전이 필요합니다. 그러나 경험 조각은 페이지가 아니라 페이지 전체에서 재사용할 수 있는 페이지의 일부이므로 나머지 페이지로는 직접
/content
살지 않습니다. 대신 해당 폴더는 자신의 폴더 아래 있지만 현지화해야 하므로 해당 구조는 사이트의 현지화 구조를 미러링해야 합니다.
/content +-- experience-fragments +-- en \-- footer \-- fr \-- footer \-- my-site +-- en \-- my-page \-- fr \-- my-page
핵심 구성 요소가 해당 페이지에 대해 필요한 현지화된 컨텐츠를 찾을 수 있는 미러링된 로컬라이제이션 구조를 통해 만들어집니다.

페이지 템플릿

바닥글이 모든 페이지에 표시되므로 경험 조각을 표준 페이지 템플릿에 추가해야 합니다.
Adobe 템플릿은 간단하게
my-template
호출되며 다른 템플릿과 함께 제공됩니다.
/conf/my-site/settings/wcm/templates/my-template
이 템플릿에는 페이지를 기반으로 할 기본 구성 요소가 추가됩니다.
    • 탐색 구성 요소는 모든 페이지의 맨 위에 나타납니다.
    • 탐색 구성 요소에서는 탐색 루트를 정의하여 사이트의 탐색 구조가 시작되는 위치를 구성 요소에 알려줍니다.
    • 탐색 루트를 기준으로 구성 요소는 해당 지역화된 컨텐츠를 자동으로 찾을 수 있습니다.
    • 모든 페이지에는 작성자가 페이지에 추가 컨텐츠를 배치할 수 있도록 편집 가능한 컨테이너 구성 요소가 포함됩니다.
    • 경험 조각 구성 요소를 바닥글을 나타내는 조각 작성 언어로 조각 경로를 가리킵니다.
    • 해당 조각의 경로와 현지화된 페이지 구조를 반영하는 경험 조각의 구조에 따라 구성 요소는 해당 현지화된 컨텐츠를 자동으로 찾을 수 있습니다.

페이지

컨텐츠 작성자는 사이트 구조 및 템플릿을 설정하는 과정에서 어려운 작업을 수행하여 필요한 컨텐츠를 페이지에 추가해야 합니다. 구성 요소의 템플릿과 로컬라이제이션 논리 덕분에 내비게이션 및 바닥글이 페이지에 자동으로 추가되고 현지화됩니다.
예를 들어 작성자는 텍스트 구성 요소와 같은 컨텐츠를 영어 및 프랑스어 페이지(아래 파란색으로 표시됨)에만 추가해야 합니다.
탐색 구성 요소 및 경험 조각 구성 요소는 페이지 템플릿에서 제공되며 현지화 구조와 페이지 자체의 위치(아래 흰색으로 표시됨)를 기반으로 올바른 컨텐츠를 자동으로 표시하는 방법을 알고 있습니다.

모두 함께 적용

다음은 간단하지만 강력한 요소가 함께 작동하여 컨텐츠 작성자를 위한 로컬라이즈된 페이지를 전달하는 방법에 대한 전체 그림입니다.