버전용 도움말 콘텐츠:

AEM 인스턴스가 기본적으로 설치되면 구성 요소 브라우저(터치에 적합한 UI) 및 사이드 킥(클래식 UI)에서 다양한 구성 요소를 바로 선택할 수 있습니다.

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

참고:

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

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

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

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

참고:

parsys에 대한 자세한 내용은 구성 요소 개발템플릿 및 구성 요소 사용 지침을 참조하십시오.

터치에 적합한 UI

구성 요소 활성화/비활성화 - 터치에 적합한 UI

구성 요소를 활성화하거나 비활성화하려면:

  1. 디자인 모드를 선택합니다.

    chlimage_1
  2. 구성 요소를 탭하거나 클릭합니다(파란색 테두리 사용).

    chlimage_1
  3. 상위 아이콘을 사용합니다.

    chlimage_1

    이 아이콘은 현재 구성 요소를 포함하는 단락 시스템을 선택합니다.

  4. 단락 시스템에 대한 구성 아이콘이 표시됩니다.

    chlimage_1

    대화 상자를 표시하려면 이 아이콘을 선택합니다.

  5. 이 대화 상자를 사용하여 현재 페이지를 편집할 때 구성 요소 브라우저에서 사용할 수 있는 구성 요소를 정의합니다.

    chlimage_1

    페이지 구성 요소별로 구성을 정의합니다. 하위 페이지에서 동일한 템플릿 및/또는 페이지 구성 요소(일반적으로 정렬됨)를 사용하면 동일한 구성이 해당 단락 시스템에도 적용됩니다.

  6. 확인을 선택하여 구성을 저장합니다.

구성 요소 디자인 구성 - 터치에 적합한 UI

  1. 디자인 모드를 선택합니다.

    chlimage_1
  2. 파란색 테두리를 사용하여 구성 요소를 탭하거나 클릭합니다. 다음 이미지 구성 요소를 참조하십시오.

    chlimage_1
  3. 구성 아이콘을 사용하여 사용 가능한 디자인 매개 변수에 따라 구성 요소를 구성할 수 있는 대화 상자를 엽니다. 이미지 구성 요소에 대한 다음 디자인 설정을 참조하십시오.

    chlimage_1

클래식 UI

구성 요소 활성화/비활성화 - 클래식 UI

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

  1. 디자인 모드를 시작하려면 편집할 페이지를 열고(클래식 UI) 사이드 킥 아이콘을 사용합니다.

    chlimage_1

    경고:

    디자인 모드는 클래식 UI에서만 사용할 수 있습니다.

  2. 단락 시스템(단락 디자인)에서 편집을 클릭합니다. 예를 들면 다음과 같습니다.

    screen_shot_2012-02-08at102726am
  3. 대화 상자가 열리면서 사이드 킥에 표시된 구성 요소 그룹이 해당 그룹에 포함된 개별 구성 요소와 함께 나열됩니다.

    사이드 패널(터치에 적합한 UI) 및/또는 사이드 킥(클래식 UI)에서 사용할 수 있는 구성 요소를 추가 또는 제거해야 할 때 선택합니다.

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

    sidekick-collapsed

구성 요소 디자인 구성 - 클래식 UI

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

  1. 디자인 모드를 시작하려면 편집할 페이지를 열고(클래식 UI) 사이드 킥 아이콘을 사용합니다.

    chlimage_1

    경고:

    디자인 모드는 클래식 UI에서만 사용할 수 있습니다.

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

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

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

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

    sidekick-collapsed

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책