Show Menu
화제×

We.Retail에서 핵심 구성 요소 테스트하기

핵심 구성 요소는 손쉬운 확장 및 간단한 프로젝트 통합을 제공하는 유연하고 현대적인 구성 요소입니다. 핵심 구성 요소는 HTL, 즉시 사용 가능한 기능, 구성 가능성, 버전 관리 및 확장성과 같은 몇 가지 주요 디자인 원칙을 기반으로 구축되었습니다. We.Retail은 핵심 구성 요소를 기반으로 구축되었습니다.

사용해 보기

  1. We.Retail 샘플 컨텐츠로 AEM을 시작하고 구성 요소 콘솔을 엽니다 .
    전역 탐색 -> 도구 -> 구성 요소
  2. 구성 요소 콘솔에서 레일을 열면 특정 구성 요소 그룹에 대해 필터링할 수 있습니다. 핵심 구성 요소는
    • .core-wcm :표준 코어 구성 요소
    • .core-wcm-form :양식 제출 코어 구성 요소
    선택 .core-wcm .
  3. 모든 핵심 구성 요소의 이름은 v1입니다 . 이는 이 핵심 구성 요소의 첫 번째 버전임을 반영합니다. 일반 버전은 앞으로 릴리스될 예정이며, 버전은 AEM과 호환되며 간편한 업그레이드를 통해 최신 기능을 활용할 수 있습니다.
  4. 텍스트( v1)를 ​클릭합니다.
    구성 요소의 리소스 유형이 /apps/core/wcm/components/text/v1/text 있는지 확인하십시오. 핵심 구성 요소는 아래에서 찾을 수 /apps/core/wcm/components 있으며 구성 요소별로 버전이 지정됩니다.
  5. 설명서 탭을 클릭하여 구성 요소에 대한 개발자 설명서를 봅니다.
  6. 구성 요소 콘솔로 돌아갑니다. We.Retail 그룹에 대해 필터링하고 텍스트 구성 요소를 선택합니다.
  7. 리소스 유형이 예상대로 구성 요소를 가리키지만 리소스 슈퍼 /apps/weretail 유형은 핵심 구성 요소를 다시 가리키도록 /apps/core/wcm/components/text/v1/text 합니다.
  8. 라이브 사용량 탭을 클릭하여 이 구성 요소가 현재 사용되고 있는 페이지를 확인합니다. 첫 번째 감사 페이지를 클릭하여 페이지를 편집합니다.
  9. 감사 페이지에서 텍스트 구성 요소를 선택하고 구성 요소의 편집 메뉴에서 상속 취소 아이콘을 클릭합니다.
    We.Retail에는 컨텐츠가 언어 마스터에서 Live Copy로 푸시되는 글로벌화된 사이트 구조가 컨텐츠 재활용:다중 사이트 관리자 및 Live Copy 있습니다. 따라서 사용자가 텍스트를 수동으로 편집할 수 있도록 하려면 상속을 취소해야 합니다.
  10. 예를 클릭하여 취소를 확인합니다 .
  11. 상속이 취소되고 텍스트 구성 요소를 선택하면 더 많은 옵션을 사용할 수 있습니다. 편집 ​을 클릭합니다.
  12. 이제 텍스트 구성 요소에 사용할 수 있는 편집 옵션을 볼 수 있습니다.
  13. 페이지 정보 메뉴에서 템플릿 편집을 선택합니다 .
  14. 페이지의 템플릿 편집기에서 페이지의 레이아웃 컨테이너에 있는 텍스트 구성 요소의 정책 아이콘을 클릭합니다.
  15. 핵심 구성 요소를 사용하면 템플릿 작성자가 페이지 작성자가 사용할 수 있는 속성을 구성할 수 있습니다. 이러한 기능에는 허용된 붙여넣기 소스, 서식 옵션, 사용 가능한 단락 스타일 등과 같은 기능이 포함됩니다.
    이러한 디자인 대화 상자는 많은 핵심 구성 요소에 사용할 수 있으며 템플릿 편집기와 함께 사용할 수 있습니다. 활성화되면 구성 요소 편집기를 통해 작성자가 사용할 수 있습니다.

추가 정보

핵심 구성 요소에 대한 자세한 내용은 제작 문서 핵심 구성 요소 및 기술 개요를 보려면 개발자 문서 핵심 구성 요소 개발을참조하십시오.
또한 편집 가능한 템플릿을 추가로 조사할 수도 있습니다. 편집 가능한 템플릿에 대한 자세한 내용은 작성 문서 페이지 템플릿 만들기 또는 개발자 문서 페이지 템플릿 - 편집 가능을참조하십시오.