콘솔 사용자 지정

주의

이 문서에서는 터치가 활성화된 최신 UI에서 콘솔을 사용자 지정하는 방법을 설명하고 클래식 UI에 적용되지 않습니다.

AEM에서는 제작 인스턴스의 콘솔(및 페이지 작성 기능)을 사용자 정의할 수 있도록 하는 다양한 메커니즘을 제공합니다.

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

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

이러한 콘솔은 여러 가지 방법으로 AEM 콘솔을 확장하는 데 사용할 수 있습니다. 작은 선택 영역은 아래에서 높은 수준에서 다룹니다.

노트

자세한 내용은 다음을 참조하십시오.

이 항목에서는 AEM 6.0🔗에 대한 AEM Gems 세션 - 사용자 인터페이스 사용자 정의 관련 항목도 다룹니다.

주의

은(는) /libs 경로에서 아무 것도 변경하지 않아야 합니다.

이는 다음 번에 인스턴스를 업그레이드할 때 /libs의 콘텐트가 덮어쓰기되기 때문입니다(핫픽스 또는 기능 팩을 적용할 때 덮어쓰여질 수 있음).

구성 및 기타 변경 사항에 대한 권장 방법은 다음과 같습니다.

  1. /apps 아래의 필수 항목(즉, /libs에 존재하는 항목)을 다시 만듭니다.

  2. /apps 내에서 변경

예를 들어 /libs 구조 내의 다음 위치를 오버레이할 수 있습니다.

  • 콘솔(Granite UI 페이지를 기반으로 하는 모든 콘솔);예를 들면 다음과 같습니다.

    • /libs/wcm/core/content
노트

추가 팁과 도구에 대해서는 기술 자료 문서 AEM TouchUI 문제 해결을 참조하십시오.

콘솔에 대한 기본 보기 사용자 정의

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

  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

도구 모음에 새 작업 추가

  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

도구 모음 작업을 특정 그룹으로 제한

  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

목록 보기의 열 사용자 지정

노트

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

목록 보기에서 열을 사용자 정의하려면 다음을 수행합니다.

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

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

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

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

    자세한 내용은 오버레이 사용(및 Sling 리소스 합병)을 참조하십시오.

  2. 원할 경우:

    • 추가 데이터를 플러그인하려면🔗

      pageInfoProviderType 속성.

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

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

리소스 필터링

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

목록을 적절한 크기로 유지하고 사용 사례와 관련되도록 사용자 정의 설명 형식으로 필터를 구현할 수 있습니다. 자세한 내용은 이 아티클을 참조하십시오.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now