자산 편집기 페이지 만들기 및 구성 creating-and-configuring-asset-editor-pages

이 문서에서는 다음 사항에 대해 설명합니다.

  • 사용자 지정된 자산 편집기 페이지를 만드는 이유
  • 메타데이터를 보고 편집하고 에셋에 대한 작업을 수행할 수 있는 WCM 페이지인 에셋 편집기 페이지를 만들고 사용자 지정하는 방법입니다.
  • 여러 자산을 동시에 편집하는 방법
NOTE
자산 공유는 오픈 소스 참조 구현으로 사용할 수 있습니다. 자산 공유 공용을(를) 참조하십시오. 공식적으로 지원되지 않습니다.

자산 편집기 페이지를 만들고 구성하는 이유는 무엇입니까? why-create-and-configure-asset-editor-pages

Digital Asset Management 는 더 많은 시나리오에서 사용되고 있습니다. 전문 교육을 받은 소규모 사용자 그룹(예: 사진사 또는 분류학자)을 위한 소규모 솔루션에서 비즈니스 사용자, WCM 작성자, 기자 등 더 크고 다양한 사용자 그룹으로 이동할 때 Adobe Experience Manager Assets의 강력한 사용자 인터페이스가 너무 많은 정보를 제공할 수 있습니다. 이해 당사자는 특정 사용자 인터페이스 또는 애플리케이션에 관련성이 있는 디지털 에셋에 액세스하도록 요청하기 시작합니다.

이러한 자산 중심 애플리케이션은 직원들이 무역 박람회 방문 또는 공공 웹사이트의 프레스 센터에서 사진을 업로드할 수 있는 인트라넷의 간단한 사진 갤러리가 될 수 있습니다. 자산 중심 애플리케이션은 장바구니, 체크아웃 및 확인 프로세스를 포함한 완전한 솔루션으로도 확장할 수 있습니다.

에셋 중심 애플리케이션을 만들면 코딩이 필요 없고 사용자 그룹과 해당 요구 사항에 대한 지식과 사용 중인 메타데이터에 대한 지식만 있으면 되는 구성 프로세스가 됩니다. Assets (으)로 만든 자산 중심 응용 프로그램은 확장 가능합니다. 자산 검색, 보기 및 수정을 위한 재사용 가능한 구성 요소를 중간 코딩 작업으로 만들 수 있습니다.

Experience Manager의 자산 중심 응용 프로그램은 특정 자산을 자세히 보는 데 사용할 수 있는 자산 편집기 페이지로 구성되어 있습니다. 에셋에 액세스하는 사용자에게 필요한 권한이 있는 경우 에셋 편집기 페이지에서 메타데이터를 편집할 수도 있습니다.

자산 편집기 페이지 만들기 및 구성 creating-and-configuring-an-asset-editor-page

에셋 편집기를 사용자 정의하여 사용자가 디지털 에셋을 보고 편집할 수 있는 방법을 결정할 수 있습니다. 이렇게 하려면 자산 편집기 페이지를 만든 다음 사용자가 해당 페이지에서 수행할 수 있는 보기 및 작업을 사용자 지정합니다.

NOTE
DAM 자산 편집기에 사용자 지정 필드를 추가하려면 새 cq:Widget 노드를 /apps/dam/content/asseteditors.에 추가하십시오.

자산 편집기 페이지 만들기 creating-the-asset-editor-page

자산 편집기 페이지를 만들 때 좋은 방법은 자산 공유 페이지 바로 아래에 페이지를 만드는 것입니다.

자산 편집기 페이지를 만들려면 다음 작업을 수행하십시오.

  1. 웹 사이트 탭에서 자산 편집기 페이지를 만들 위치로 이동하여 새로 만들기 ​를 클릭합니다.
  2. Geometrixx 자산 편집기 ​를 선택하고 만들기 ​를 클릭합니다. 새 페이지가 만들어지고 페이지가 웹 사이트 탭에 나열됩니다.

screen_shot_2012-04-23at15858pm

Geometrixx 에셋 편집기 템플릿을 사용하여 만든 기본 페이지는 다음과 같습니다.

assetshare5

자산 편집기 페이지를 사용자 지정하려면 사이드 킥의 요소를 사용하십시오. Geometrixx 프레스 센터 ​에서 액세스되는 자산 편집기 페이지는 다음 템플릿을 기반으로 하는 사용자 지정된 페이지 버전입니다.

assetshare6

자산 공유 페이지에서 열 자산 편집기 설정 setting-which-asset-editor-opens-from-an-asset-share-page

사용자 지정된 에셋 편집기 페이지를 만든 후 에셋을 더블 클릭하면 만든 사용자 지정된 에셋 공유가 사용자 지정된 편집기 페이지에서 에셋을 여십시오.

자산 편집기 페이지를 설정하려면 다음을 수행하십시오.

  1. 자산 공유 페이지에서 쿼리 빌더 옆에 있는 편집 ​을 클릭합니다.

screen_shot_2012-04-23at20123pm

  1. 아직 선택되지 않은 경우 일반 탭을 클릭합니다.

  2. 자산 편집기의 경로 필드에 자산 공유 페이지에서 자산을 열 자산 편집기의 경로를 입력하고 확인 ​을 클릭합니다.

screen_shot_2012-04-23at21653pm

자산 편집기 구성 요소 추가 adding-asset-editor-components

페이지에 구성 요소를 추가하여 자산 편집기의 기능을 결정합니다.

자산 편집기 구성 요소를 추가하려면:

  1. 사용자 지정할 자산 편집기 페이지의 사이드 킥에서 자산 편집기 ​를 선택합니다. 사용 가능한 모든 에셋 편집기 구성 요소가 표시됩니다.
NOTE
사용자 지정할 수 있는 내용은 사용 가능한 구성 요소에 따라 다릅니다. 구성 요소를 활성화하려면 디자인 모드로 이동하여 활성화해야 하는 구성 요소를 선택합니다.
  1. 사이드 킥에서 구성 요소를 자산 편집기로 드래그하고 구성 요소 대화 상자에서 편집을 수행합니다. 구성 요소는 다음 표에 설명되어 있으며 다음의 세부 지침에 설명되어 있습니다.
NOTE
에셋 편집기 페이지를 디자인할 때 읽기 전용이거나 편집 가능한 구성 요소를 만듭니다. 사용자는 연필 이미지가 해당 구성 요소에 표시되면 필드를 편집할 수 있다는 것을 알고 있습니다. 기본적으로 대부분의 구성 요소는 읽기 전용으로 설정됩니다.
구성 요소
설명
메타데이터 양식 및 메타데이터 텍스트 필드
에셋에 메타데이터를 더 추가하고, 해당 에셋에서 제출 등의 작업을 수행할 수 있습니다.
하위 Assets
하위 자산을 사용자 지정할 수 있습니다.
태그
사용자가 태그를 선택하고 에셋에 추가할 수 있습니다.
썸네일
에셋의 썸네일, 해당 파일 이름을 표시하고 대체 텍스트를 추가할 수 있습니다. 여기에서 자산 편집기 작업을 추가할 수도 있습니다.
제목
사용자 정의할 수 있는 자산 제목을 표시합니다.

screen_shot_2012-04-23at22743pm

메타데이터 양식 및 텍스트 필드 - 메타데이터 구성 요소 보기 구성 metadata-form-and-text-field-configuring-the-view-metadata-component

메타데이터 양식은 시작 및 종료 작업을 포함하는 양식입니다. 그 사이에 텍스트 필드를 입력합니다. 양식 작업에 대한 자세한 내용은 Forms을(를) 참조하십시오.

  1. 양식의 시작 영역에서 편집 ​을 클릭하여 시작 작업을 만듭니다. 원하는 경우 상자 제목을 입력할 수 있습니다. 기본적으로 상자 제목은 메타데이터 ​입니다. 검증용 JavaScript 클라이언트 코드를 생성하려면 클라이언트 검증(Client Validation) 확인란을 선택합니다.

screen_shot_2012-04-23at22911pm

  1. 양식의 종료 영역에서 편집 ​을 클릭하여 종료 동작을 만듭니다. 예를 들어 사용자가 메타데이터 변경 사항을 제출할 수 있도록 제출 옵션을 만들 수 있습니다. 필요한 경우 메타데이터를 원래 상태로 재설정하는 재설정 옵션을 추가할 수 있습니다.

screen_shot_2012-04-23at23138pm

  1. 양식 시작 ​과(와) 양식 끝 사이에서 메타데이터 텍스트 필드를 양식으로 끕니다. 사용자는 이러한 텍스트 필드에 메타데이터를 채우고, 다른 작업을 제출하거나 완료할 수 있습니다.

  2. 필드 이름(예: 제목)을 두 번 클릭하여 메타데이터 필드를 열고 변경합니다. 구성 요소 편집 창의 일반 탭에서 네임스페이스와 필드 레이블 및 유형(예: dc:title)을 정의합니다.

screen_shot_2012-04-23at23305pm

메타데이터 양식에서 사용할 수 있는 네임스페이스를 수정하는 방법에 대한 자세한 내용은 Assets 사용자 지정 및 확장을 참조하십시오.

  1. 제약 조건 탭을 클릭합니다. 여기에서 필드가 필요한지 여부를 선택하고 필요한 경우 제한을 추가할 수 있습니다.

screen_shot_2012-04-23at23435pm

  1. 디스플레이 탭을 클릭합니다. 여기에서 메타데이터 필드에 새 너비 및 행 수를 입력할 수 있습니다. 사용자가 메타데이터를 편집할 수 있도록 읽기 전용 필드 확인란을 선택하십시오.

screen_shot_2012-04-23at23446pm

다음은 다양한 필드가 있는 메타데이터 양식의 예입니다.

메타데이터

그런 다음 에셋 편집기 페이지에서 메타데이터 필드(편집할 수 있는 경우)에 값을 입력하고 종료 작업(예: 변경 사항 제출)을 수행할 수 있습니다.

하위 자산 sub-assets

하위 Assets 구성 요소에서 하위 자산을 보고 선택할 수 있습니다. 주 자산 및 하위 자산 아래에 표시되는 이름을 확인할 수 있습니다.

하위 Assets 구성 요소를 두 번 클릭하면 기본 에셋과 모든 하위 에셋의 제목을 변경할 수 있는 하위 에셋 대화 상자가 열립니다. 기본값은 해당 필드 아래에 나타납니다.

screen_shot_2012-04-23at23907pm

다음은 채워진 하위 Assets 구성 요소의 예입니다.

screen_shot_2012-04-23at24442pm

예를 들어 하위 에셋을 선택하는 경우 구성 요소에 적절한 페이지가 표시되고 상자 제목이 하위 Assets에서 동위 멤버로 변경되는 방법에 주목합니다.

screen_shot_2012-04-23at24552pm

태그 tags

태그 구성 요소는 사용자가 기존 태그를 에셋에 할당할 수 있는 구성 요소입니다. 이는 나중에 조직과 검색에서 도움이 됩니다. 이 구성 요소를 읽기 전용으로 만들 수 있으므로 사용자는 태그를 추가할 수 없고 보기만 할 수 있습니다.

screen_shot_2012-04-23at25031pm

원하는 경우 태그에서 제목을 변경하고 할당된 네임스페이스를 선택할 수 있는 태그 대화 상자를 열 수 있도록 태그 구성 요소를 두 번 클릭합니다. 이 필드를 편집할 수 있게 하려면 편집 숨기기 확인란의 선택을 취소하십시오. 기본적으로 태그는 편집할 수 있습니다.

screen_shot_2012-04-23at24731pm

사용자가 태그를 편집할 수 있는 경우 연필을 클릭하여 태그 드롭다운 메뉴에서 태그를 선택하여 추가할 수 있습니다.

screen_shot_2012-04-23at25150pm

다음은 채워진 태그 구성 요소입니다.

screen_shot_2012-04-23at25244pm

썸네일 thumbnail

썸네일 구성 요소는 자산에 선택한 썸네일이 표시되는 위치입니다(대부분의 형식에서 썸네일이 자동으로 추출됨). 또한 구성 요소에 파일 이름과 수정할 수 있는 작업이 표시됩니다.

screen_shot_2012-04-23at25452pm

대체 텍스트를 변경할 수 있는 썸네일 대화 상자를 열 수 있도록 썸네일 구성 요소를 두 번 클릭합니다. 기본적으로 썸네일 대체 텍스트는 자산을 다운로드하려면 클릭 ​합니다.

screen_shot_2012-04-23at25604pm

다음은 채워진 썸네일 구성 요소의 예입니다.

screen_shot_2012-04-23at34815pm

제목 title

제목 구성 요소에는 에셋의 제목과 설명이 표시됩니다.

기본적으로 읽기 전용 모드이므로 사용자가 편집할 수 없습니다. 편집할 수 있게 하려면 구성 요소를 두 번 클릭하고 편집 단추 숨기기 확인란의 선택을 취소하십시오. 또한 여러 에셋의 제목을 입력합니다.

screen_shot_2012-04-23at35100pm

제목을 편집할 수 있는 경우 연필을 클릭하여 자산 속성 창을 열어 제목과 설명을 추가할 수 있습니다. 또한 날짜 및 시간을 선택하여 에셋을 켜거나 끌 수 있습니다.

제목을 편집할 때 사용자는 제목, 설명 ​을 변경하고 켜기끄기 시간 ​을 입력하여 자산을 켜거나 끌 수 있습니다.

screen_shot_2012-04-23at35241pm

다음은 채워진 제목 구성 요소의 예입니다.

chlimage_1-164

자산 편집기 작업 추가 adding-asset-editor-actions

사전 정의된 여러 작업에서 사용자가 선택한 디지털 에셋에 대해 수행할 수 있는 작업을 결정할 수 있습니다.

자산 편집기 페이지에 작업을 추가하려면 다음 작업을 수행하십시오.

  1. 사용자 지정할 자산 편집기 페이지의 사이드 킥에서 자산 편집기 ​를 클릭합니다.

screen_shot_2012-04-23at35515pm

다음 작업을 사용할 수 있습니다.

작업
설명
다운로드
사용자가 선택한 자산을 컴퓨터에 다운로드할 수 있습니다.
편집기
사용자가 이미지를 편집할 수 있습니다(대화형 편집).
Lightbox
자산을 다른 작업을 수행할 수 있는 "lightbox"에 저장합니다. 여러 페이지의 에셋으로 작업할 때 유용합니다.
잠금
사용자가 자산을 잠글 수 있습니다. 이 기능은 기본적으로 활성화되어 있지 않으므로 구성 요소 목록에서 활성화해야 합니다.
참조
자산을 사용 중인 페이지에 표시하려면 이 아이콘을 클릭합니다.
버전 관리
에셋의 버전을 만들고 복원할 수 있습니다.
  1. 해당 작업을 페이지의 작업 영역으로 끌어다 놓습니다. 페이지에서 드래그한 작업을 실행하는 데 사용되는 옵션을 만듭니다.

chlimage_1-165

자산 편집기 페이지를 사용하여 자산 다중 편집 multi-editing-assets-with-the-asset-editor-page

Experience Manager Assets을(를) 사용하면 여러 자산을 한 번에 변경할 수 있습니다. 에셋을 선택한 후 태그와 메타데이터를 동시에 변경할 수 있습니다.

에셋 편집기 페이지를 사용하여 에셋을 다중 편집하려면 다음과 같이 하십시오.

  1. Press Center Geometrixx 열기:
    https://localhost:4502/content/geometrixx/en/company/press.html

  2. 에셋 선택:

    • Windows의 경우 각 에셋 Ctrl + click개입니다.
    • Mac에서 각 자산을 Cmd + click합니다.

    에셋 범위를 선택하려면 첫 번째 에셋을 클릭한 다음 마지막 에셋을 Shift + click합니다.

  3. 작업 필드(페이지의 왼쪽 부분)에서 메타데이터 편집 ​을 클릭합니다.

  4. Geometrixx Press Center 자산 편집기 페이지가 새 탭에서 열립니다. 에셋의 메타데이터는 다음과 같이 표시됩니다.

    • 모든 에셋에는 적용되지 않고 일부 에셋에만 적용되는 태그는 기울임꼴로 표시됩니다.
    • 모든 에셋에 적용되는 태그는 일반 글꼴로 표시됩니다.
    • 태그 이외의 메타데이터: 필드 값은 선택한 모든 에셋에 대해 동일한 경우에만 표시됩니다.
  5. 원본 렌디션이 포함된 ZIP 파일을 다운로드하려면 다운로드 ​를 클릭하십시오.

  6. 태그 필드 옆에 있는 태그 옵션 편집을 클릭합니다.

    • 모든 에셋에는 적용되지 않고 일부 에셋에만 적용되는 태그에는 회색 배경이 있습니다.
    • 모든 에셋에 적용되는 태그에는 흰색 배경이 있습니다.

    다음과 같은 작업을 수행할 수 있습니다.

    • 모든 자산의 태그를 제거하려면 x을(를) 클릭하십시오.
    • 태그를 모든 자산에 추가하려면 +을(를) 클릭하십시오.
    • 화살표 ​를 클릭하고 태그를 선택하여 모든 자산에 새 태그를 추가합니다.

    양식에 변경 내용을 기록하려면 확인 ​을 클릭하세요. 태그 필드 옆의 확인란이 자동으로 확인됩니다.

  7. 설명 필드를 편집합니다. 예를 들어 를 다음과 같이 설정합니다.

    This is a common description

    필드를 편집할 때 해당 값은 양식을 제출할 때 선택한 에셋의 기존 값을 덮어씁니다.

    참고: 필드를 편집할 때 필드 옆에 있는 상자가 자동으로 선택됩니다.

  8. 양식을 제출하고 모든 자산에 대한 변경 내용을 저장하려면 메타데이터 업데이트 ​를 클릭하십시오.

    참고: 선택한 메타데이터만 수정됩니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2