디자인 모드에서 구성 요소 구성

마지막 업데이트: 2023-05-04
  • 주제:
  • Authoring
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • User
주의

AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

AEM 인스턴스가 바로 설치되면 사이드 킥에서 즉시 구성 요소를 선택할 수 있습니다.

이러한 구성 요소 외에도 다양한 기타 구성 요소를 사용할 수 있습니다. 디자인 모드를 사용하여 다음을 수행할 수 있습니다 이러한 구성 요소를 활성화/비활성화합니다. 활성화되어 사용자 페이지에 있으면 디자인 모드를 사용하여 다음을 수행할 수 있습니다 구성 요소 디자인의 여러 측면 구성 속성 매개 변수를 편집하여 다음을 수행합니다.

노트

이러한 구성 요소를 편집할 때는 세심한 주의를 기울여야 합니다. 디자인 설정은 전체 웹 사이트의 디자인에서 핵심적인 부분인 경우가 많으므로 적절한 권한 및 경험을 갖춘 작성자(예: 관리자 또는 개발자)만 이러한 설정을 변경해야 합니다. 자세한 내용은 구성 요소 개발 추가 정보.

실제로는 페이지의 단락 시스템에서 허용되는 구성 요소를 추가 또는 제거하게 됩니다. 단락 시스템 ( parsys)는 다른 모든 단락 구성 요소를 포함하는 복합 구성 요소입니다. 단락 시스템에는 다른 단락 구성 요소도 모두 포함되어 있으므로 작성자가 여러 유형의 구성 요소를 페이지에 추가할 수 있습니다. 각 단락 유형은 구성 요소로 표현됩니다.

예를 들어 제품 페이지의 컨텐츠에는 다음을 포함하는 단락 시스템이 있을 수 있습니다.

  • 제품의 이미지(이미지 또는 텍스트 이미지 단락 형태)
  • 제품 설명(텍스트 단락)
  • 기술 데이터가 있는 표(표 단락)
  • 사용자가 입력하는 양식(양식 시작, 양식 요소 및 양식 끝 단락)
노트

자세한 내용은 구성 요소 개발템플릿 및 구성 요소 사용 지침 에 대한 자세한 정보 parsys.

구성 요소 활성화/비활성화

디자인 모드에서는 사이드 킥이 최소화되고 작성을 위해 액세스할 수 있는 구성 요소를 구성할 수 있습니다.

  1. 디자인 모드로 전환하려면 편집할 페이지를 열고 사이드 킥을 사용합니다.

  2. 클릭 편집 단락 시스템(단락 디자인).

    screen_shot_2012-02-08at102726am

  3. 대화 상자가 열리고, 사이드 킥에 표시된 구성 요소 그룹이 포함된 개별 구성 요소와 함께 나열됩니다.

    사이드 킥에서 사용할 수 있는 구성 요소를 추가하거나 제거하려면 필요에 따라 선택합니다.

    screen_shot_2012-02-08at103407am

  4. 디자인 모드에서는 사이드 킥이 최소화됩니다. 화살표를 클릭하면 사이드 킥을 최대화하고 편집 모드로 돌아갈 수 있습니다.

구성 요소 디자인 구성

디자인 모드에서 개별 구성 요소에 대한 속성을 구성할 수도 있습니다. 각 구성 요소에는 자체 매개 변수가 있습니다. 다음 예는 를 보여줍니다 이미지 구성 요소:

  1. 디자인 모드로 전환하려면 편집할 페이지를 열고 사이드 킥을 사용합니다.

  2. 구성 요소의 디자인을 구성할 수 있습니다.

    예를 들어 편집 이미지 구성 요소(이미지 디자인) 구성 요소별 매개 변수를 구성할 수 있습니다.

    chlimage_1-12

  3. 클릭 확인 변경 사항을 저장하려면 을 클릭합니다.

  4. 디자인 모드에서는 사이드 킥이 최소화됩니다. 화살표를 클릭하면 사이드 킥을 최대화하고 편집 모드로 돌아갈 수 있습니다.

이 페이지에서는