핵심 구성 요소로 작성합니다.
- 주제:
- 핵심 구성 요소
작성 대상:
- 개발자
- 관리자
- 사용자
Adobe Experience Manager에서 구성 요소는 작성 중인 페이지의 콘텐츠를 구성하는 구조적 요소입니다.
핵심 구성 요소는 유연하고 다양한 작성 기능을 제공합니다. WKND 참조 사이트는 핵심 구성 요소를 사용하여 다양한 웹 사이트 경험을 구현하는 방법을 보여 줍니다.
핵심 구성 요소를 경험하고 구성 옵션의 샘플뿐만 아니라 HTML 및 JSON 출력을 확인하려면 구성 요소 라이브러리를 참조하십시오.
AEM Project Archetype을 사용하여 AEM 프로젝트에서 개발자 중심의 핵심 구성 요소를 구현하려면 WKND 튜토리얼을 확인하십시오.
노트
주의핵심 구성 요소로 작성
작성자는 다음을 포함하여 핵심 구성 요소의 몇 가지 이점을 알 수 있습니다.
-
간편한 사용 및 페이지 편집기와 효율적인 통합
-
WKND 참조 사이트와 구성 요소 라이브러리 설명과 같이 여러 사용 사례에 맞게 구성된 다양한 기능
-
페이지 작성자가 템플릿 편집기를 통해 사용할 수 있는 기능을 정의하는 사전에 구성 가능한 옵션
-
액세스 가능성 가이드라인을 중심으로 구축
-
응답형 레이아웃을 지원하도록 구축
-
간단한 현지화을 지원하도록 구축
구성 요소는 페이지를 편집할 때 페이지 편집기의 측면 패널에 있는 구성 요소 탭에서 사용할 수 있습니다.
구성 요소는 구성 요소 그룹이라는 범주에 따라 그룹화되어 구성 요소를 간단하게 구성하고 필터링할 수 있습니다. 구성 요소 그룹은 구성 요소 브라우저의 구성 요소와 함께 표시됩니다. 또한 그룹별로 적합한 구성 요소를 간단히 검색할 수 있습니다.
NOTE사전 구성하는 핵심 구성 요소
기초 구성 요소 구성은 개발자의 업무입니다. 하지만, 이제 템플릿 작성자는 템플릿 편집기를 통해 핵심 구성 요소로 여러 기능을 구성할 수 있습니다.
예를 들어 이미지 구성 요소를 통해 파일 시스템에서 이미지를 업로드하거나 텍스트 구성 요소를 통해 특정 단락을 지정하는 경우 클릭 한 번으로 이러한 기능을 활성화하거나 비활성화할 수 있습니다.
자세한 내용은 페이지 템플릿 제작을 참조하십시오.
편집 대화 상자 및 디자인 대화 상자
템플릿 작성자가 핵심 구성 요소를 사전 구성하여 템플릿의 일부로 허용된 옵션을 정의한 다음 페이지 작성자가 핵심 구성 요소를 구성하여 실제 페이지 콘텐츠를 정의할 수 있기 때문에 각 구성 요소에는 서로 다른 두 개의 대화 상자 옵션이 있을 수 있습니다.
구성 요소 스타일링
AEM 스타일 시스템을 통해 추가 핵심 구성 요소의 스타일을 정의합니다.
- 템플릿 작성자는 구성 요소의 디자인 대화 상자에서 특정 구성 요소가 사용할 수 있는 스타일을 정의할 수 있습니다.
- 그런 다음 콘텐츠 작성자는 구성 요소 추가 및 콘텐츠 제작 시 적용되는 스타일을 선택할 수 있습니다.