설명서AEM 6.4Developing 안내서

콘솔 사용자 지정 customizing-the-consoles

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • Developer
CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.
CAUTION
이 문서에서는 터치가 활성화된 최신 UI에서 콘솔을 사용자 지정하는 방법에 대해 설명하고 클래식 UI에는 적용되지 않습니다.

AEM에서는 콘솔(및 페이지 작성 기능) 내의 아무 곳에나 삽입할 수 있습니다.

  • Clientlibs

    Clientlibs를 사용하면 표준 함수, 개체 및 메서드를 재사용하는 동안 기본 구현을 확장하여 새로운 기능을 구현할 수 있습니다. 사용자 지정할 때 아래에 고유한 clientlib을 만들 수 있습니다. /apps. 예를 들어 사용자 지정 구성 요소에 필요한 코드를 보유할 수 있습니다.

  • 오버레이

    오버레이는 노드 정의를 기반으로 하며 표준 기능(에서)을 오버레이할 수 있도록 해줍니다. /libs) 내의 고유한 사용자 지정 기능( /apps). 오버레이를 만들 때 sling 리소스 병합에서 상속을 허용하므로 원본의 1:1 복사본이 필요하지 않습니다.

AEM 콘솔을 확장하는 데 여러 가지 방법으로 사용할 수 있습니다. 작은 선택 항목이 아래에 (높은 수준에서) 표시됩니다.

NOTE
자세한 내용은 다음을 참조하십시오.
이 주제는에서 다룹니다 AEM Gems 세션 - AEM 6.0의 사용자 인터페이스 사용자 지정.
CAUTION
사용자 반드시 에서 아무것도 변경하지 않음 /libs 경로.
왜냐하면 /libs 는 다음에 인스턴스를 업그레이드할 때 덮어쓰여지며, 핫픽스 또는 기능 팩을 적용할 때 덮어쓸 수 있습니다.
구성 및 기타 변경에 대해 권장되는 방법은 다음과 같습니다.

  1. 필요한 항목(즉, 가 존재함에 따라)을 다시 만듭니다 /libs) 아래의 /apps

  2. 내에서 변경 /apps

예를 들어 /libs 구조를 오버레이할 수 있습니다.

  • 콘솔(Granite UI 페이지를 기반으로 하는 모든 콘솔); 예:

    • /libs/wcm/core/content
NOTE
기술 자료 문서를 참조하십시오. AEM TouchUI 문제 해결: 추가 팁과 도구를 참조하십시오.

콘솔에 대한 기본 보기 사용자 지정 customizing-the-default-view-for-a-console

콘솔에 대한 기본 보기(열, 카드, 목록)를 사용자 지정할 수 있습니다.

  1. 아래의 필수 항목을 오버레이하여 보기 순서를 변경할 수 있습니다.

    /libs/wcm/core/content/sites/jcr:content/views

    첫 번째 항목이 기본값입니다.

    사용 가능한 노드는 사용 가능한 보기 옵션과 상호 연결됩니다.

    • column
    • card
    • list

  2. 예를 들어, 목록에 대한 오버레이에서 다음을 수행합니다.

    /apps/wcm/core/content/sites/jcr:content/views/list

    다음 속성을 정의합니다.

    • 이름: sling:orderBefore
    • 유형: String
    • 값: column

도구 모음에 새 작업 추가 add-new-action-to-the-toolbar

  1. 자체 구성 요소를 작성하고 사용자 지정 작업을 위해 해당 클라이언트 라이브러리를 포함할 수 있습니다. 예: twitter으로 승격 작업 위치:

    /apps/wcm/core/clientlibs/sites/js/twitter.js

    그런 다음 콘솔의 도구 모음 항목에 연결할 수 있습니다.

    /apps/<yourProject>/admin/ext/launches

    예를 들어 선택 모드에서 다음을 수행합니다.

    content/jcr:content/body/content/header/items/selection/items/twitter

도구 모음 작업을 특정 그룹으로 제한 restrict-a-toolbar-action-to-a-specific-group

  1. 사용자 지정 렌더링 조건을 사용하여 표준 작업을 오버레이하고 렌더링하기 전에 충족해야 하는 특정 조건을 적용할 수 있습니다.

    예를 들어 그룹에 따라 렌더링 조건을 제어하는 구성 요소를 만듭니다.

    /apps/myapp/components/renderconditions/group

  2. 사이트 콘솔의 사이트 만들기 작업에 적용하려면 다음을 수행하십시오.

    /libs/wcm/core/content/sites

    오버레이를 만듭니다.

    /apps/wcm/core/content/sites

  3. 그런 다음 작업에 대한 렌더링 조건을 추가합니다.

    jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition

    이 노드에서 속성을 사용하여 groups 특정 작업을 수행할 수 있습니다. 예 administrators

목록 보기에서 열 사용자 지정 customizing-columns-in-the-list-view

NOTE
이 기능은 텍스트 필드 열에 최적화되었습니다. 다른 데이터 유형의 경우 오버레이할 수 있습니다 cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer in /apps.

목록 보기에서 열을 사용자 정의하려면

  1. 사용 가능한 열 목록을 오버레이합니다.

    • 노드에서 다음을 수행합니다.

      /apps/wcm/core/content/common/availablecolumns

    • 새 열을 추가하거나 기존 열을 제거합니다.

    자세한 내용은 오버레이 사용(및 Sling Resource Merger) 추가 정보.

  2. 원할 경우:

    • 추가 데이터를 플러그하려면 [PageInforProvider](https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/com/day/cq/wcm/api/PageInfoProvider.html) 사용

      pageInfoProviderType 속성.
      예를 들어 아래의 (GitHub에서) 첨부된 클래스/번들을 참조하십시오.

  3. 이제 목록 뷰의 열 구성자에서 열을 선택할 수 있습니다.

리소스 필터링 filtering-resources

콘솔을 사용할 때 일반적인 사용 사례는 리소스(예: 페이지, 구성 요소, 자산 등)에서 사용자가 선택해야 하는 때입니다. 예를 들어 작성자가 항목을 선택해야 하는 목록 형태를 취할 수 있습니다.

목록을 적절한 크기로 유지하거나 사용 사례와 관련이 있도록 사용자 지정 설명 형태로 필터를 구현할 수 있습니다. 자세한 내용은 이 문서 자세한 내용

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e