We.Retail에서 핵심 구성 요소 시험 사용

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

밖에서 시도

  1. We.Retail 샘플 내용으로 AEM을 시작하고 구성 요소 콘솔을 엽니다.

    전역 탐색 -> 도구 -> 구성 요소

  2. 구성 요소 콘솔에서 레일을 열면 특정 구성 요소 그룹에 대해 필터링할 수 있습니다. 핵심 구성 요소는

    • .core-wcm:표준 코어 구성 요소
    • .core-wcm-form:양식 제출 핵심 구성 요소

    .core-wcm을 선택합니다.

    chlimage_1-162

  3. 모든 핵심 구성 요소의 이름은 v1​입니다. 이는 이 핵심 구성 요소의 첫 번째 버전임을 반영합니다. 앞으로 정식 버전은 AEM과 호환 가능하고 최신 기능을 활용할 수 있도록 간편하게 업그레이드할 수 있는 버전으로 제공될 예정입니다.

  4. 텍스트(v1)​를 클릭합니다.

    구성 요소의 리소스 유형​이 /apps/core/wcm/components/text/v1/text임을 참조하십시오. 핵심 구성 요소는 /apps/core/wcm/components에서 찾을 수 있으며 구성 요소별로 버전이 지정됩니다.

    chlimage_1-163

  5. 구성 요소에 대한 개발자 설명서를 보려면 설명서 탭을 클릭합니다.

    chlimage_1-164

  6. 구성 요소 콘솔로 돌아갑니다. We.Retail 그룹에 대해 필터링하고 텍스트 구성 요소를 선택합니다.

  7. 리소스 유형​이 /apps/weretail에서 예상대로 구성 요소를 가리키지만 리소스 슈퍼 유형​은 핵심 구성 요소 /apps/core/wcm/components/text/v1/text을(를) 다시 가리킵니다.

    chlimage_1-165

  8. 라이브 사용 탭을 클릭하여 이 구성 요소가 현재 사용 중인 페이지를 확인합니다. 페이지를 편집하려면 첫 번째 감사합니다 페이지를 클릭합니다.

    chlimage_1-166

  9. 감사 인사 페이지에서 텍스트 구성 요소를 선택하고 구성 요소의 편집 메뉴에서 상속 취소 아이콘을 클릭합니다.

    We.Retail에는 상속이라는 메커니즘을 통해 컨텐츠가 언어 마스터에서 Live Copy로 푸시되는 글로벌라이제이션이 있습니다. 이러한 이유로 사용자가 텍스트를 수동으로 편집할 수 있도록 하려면 상속을 취소해야 합니다.

    chlimage_1-167

  10. ​를 클릭하여 취소를 확인합니다.

    chlimage_1-168

  11. 상속이 취소되고 텍스트 구성 요소를 선택하면 더 많은 옵션을 사용할 수 있습니다. 편집 클릭합니다.

    chlimage_1-169

  12. 이제 텍스트 구성 요소에 사용할 수 있는 편집 옵션을 볼 수 있습니다.

    chlimage_1-170

  13. 페이지 정보 메뉴에서 템플릿 편집​을 선택합니다.

  14. 페이지의 템플릿 편집기에서 페이지의 레이아웃 컨테이너​에 있는 텍스트 구성 요소의 정책 아이콘을 클릭합니다.

    chlimage_1-171

  15. 핵심 구성 요소를 사용하면 템플릿 작성자가 페이지 작성자가 사용할 수 있는 속성을 구성할 수 있습니다. 이러한 기능에는 허용된 붙여넣기 소스, 서식 옵션, 사용 가능한 단락 스타일 등과 같은 기능이 포함됩니다.

    이러한 디자인 대화 상자는 많은 핵심 구성 요소에 사용할 수 있으며 템플릿 편집기와 함께 사용할 수 있습니다. 활성화되면 구성 요소 편집기를 통해 작성자가 사용할 수 있습니다.

    chlimage_1-172

추가 정보

핵심 구성 요소에 대한 자세한 내용은 제작 문서 핵심 구성 요소 및 기술 개요에 대한 개발자 문서 핵심 구성 요소 개발을 참조하십시오.

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

이 페이지에서는