핵심 구성 요소로 작성

Adobe Experience Manager에서 구성 요소는 작성 중인 페이지의 콘텐츠를 구성하는 구조적 요소입니다.

핵심 구성 요소는 유연하고 기능이 풍부한 작성 기능을 제공합니다. WKND 참조 사이트 및 해당 사이트에서는 핵심 구성 요소를 사용하여 풍부한 웹 사이트 경험을 구현하는 방법을 보여 줍니다.

핵심 구성 요소를 경험하고 구성 옵션 예와 HTML 및 JSON 출력을 보려면 구성 요소 라이브러리를 방문하십시오.

AEM 프로젝트 원형형을 사용하여 AEM 프로젝트에서 핵심 구성 요소를 구현하기 위한 보다 심층적인 개발자 중심 의 소개 를 살펴보려면 WKND 자습서를 참조하십시오.

노트

작성자는 핵심 구성 요소를 즉시 사용할 수 없습니다. 개발 팀에서 먼저 핵심 구성 요소를 환경에 통합해야 합니다. Once integrated, they may be made available and pre-configured via the template editor.

주의

핵심 구성 요소 는 AEM 6.4 이상이 필요하며 편집 가능한 템플릿을 사용해야 합니다. 클래식 UI나 정적 템플릿에서는 작동하지 않습니다.

핵심 구성 요소로 작성

작성자는 핵심 구성 요소의 다음과 같은 여러 이점을 알 수 있습니다.

Components are available on the Components tab of the side panel of the page editor when editing a page.

구성 요소는 구성 요소를 쉽게 구성하고 필터링하기 위해 구성 요소 그룹이라는 범주에 따라 그룹화됩니다. 구성 요소 그룹 이름은 구성 요소 브라우저의 구성 요소와 함께 표시되며, 올바른 구성 요소를 쉽게 찾기 위해 그룹별로 필터링할 수도 있습니다.

노트

핵심 구성 요소는 기본적으로 숨겨진 그룹의 일부이며 구성 요소 브라우저 내에 표시되지 않습니다.

보이는 그룹에 필요한 구성 요소를 추가하거나 작성자가 사용할 수 있도록 사용자 정의합니다.

코어 구성 요소 사전 구성

기본 구성 요소 구성이 개발자의 작업이었습니다. 하지만 핵심 구성 요소를 사용하면 템플릿 작성자가 템플릿 편집기를 통해 다양한 기능을 구성할 수 있습니다.

예를 들어 이미지 구성 요소가 파일 시스템에서 이미지 업로드를 허용하지 않아야 하거나 텍스트 구성 요소가 특정 단락 서식만 허용해야 하는 경우 간단한 클릭으로 이러한 기능을 활성화하거나 비활성화할 수 있습니다.

자세한 내용은 페이지 템플릿 만들기를 참조하십시오.

편집 및 디자인 대화 상자

템플릿 작성자가 핵심 구성 요소를 미리 구성하여 템플릿의 일부로 허용되는 옵션을 정의한 다음 페이지 작성자가 실제 페이지 컨텐츠를 정의하도록 추가로 구성할 수 있으므로 각 구성 요소는 서로 다른 두 대화 상자에 옵션을 사용할 수 있습니다.

설명 컨트롤
편집 대화 상자 배치된 구성 요소에 대한 일반 페이지 편집 중에 페이지 작성자가 수정할 수 있는 옵션 구성 요소에 의해 표시되는 컨텐츠와 페이지에 최종적으로 표시되는 방법입니다. 컨텐츠 텍스트 서식 지정, 페이지에서 이미지 회전
디자인 대화 상자 페이지 템플릿을 구성할 때 템플릿 작성자가 수정할 수 있는 옵션입니다. 구성 요소를 편집할 때 페이지 작성자가 사용할 수 있는 옵션 사용할 수 있는 텍스트 서식 옵션, 사용 가능한 이미지 즉석 옵션

구성 요소 스타일

대부분의 핵심 구성 요소의 스타일은 AEM 스타일 시스템을 사용하여 정의할 수 있습니다.

  • 템플릿 작성자는 해당 구성 요소의 디자인 대화 상자에서 특정 구성 요소에 사용할 수 있는 스타일을 정의할 수 있습니다.
  • 그런 다음 컨텐츠 작성자는 구성 요소를 추가하고 컨텐츠를 만들 때 적용할 스타일을 선택할 수 있습니다.

자세한 내용은 스타일 시스템 설명서를 참조하십시오.

개발자 리소스

핵심 구성 요소에 대한 기술 정보는 핵심 구성 요소 개발 개발자 설명서를 참조하십시오.

이 페이지에서는