컨텐츠 조각을 사용한 작업

AEM(Adobe Experience Manager) 컨텐츠 조각을 사용하면 페이지에 영향을 받지 않는 컨텐츠를 게시, 디자인, 제작 및 조정할 수 있습니다. 이를 통해 여러 위치/여러 채널에서 사용할 수 있는 컨텐츠를 준비할 수 있습니다.

AEM 핵심 구성 요소의 Sling Model(JSON) 내보내기 기능을 사용하여 컨텐츠 조각을 JSON 형식으로 게재할 수도 있습니다. 이 게재 형식을 사용하면

  • 구성 요소를 사용하여 게재할 조각의 요소를 관리할 수 있습니다.
  • API 게재에 사용되는 페이지에서 여러 컨텐츠 조각 핵심 구성 요소를 추가하여 벌크 게재를 수행할 수 있습니다.

이 페이지와 다음 페이지에서는 컨텐츠 조각을 생성, 구성 및 유지 관리하는 작업을 다룹니다.

노트

이 페이지들은 컨텐츠 조각으로 페이지 작성과 함께 읽어야 합니다.

통신 채널의 수는 매년 증가하고 있습니다. 일반적으로 채널은 다음 중 하나로서 게재 메커니즘을 나타냅니다.

  • 물리적 채널 - 예: 데스크탑, 모바일
  • 실제 채널에서의 게재 형태 - 예: 데스크탑의 "제품 세부 정보 페이지", "제품 카테고리 페이지" 또는 모바일의 "모바일 웹", "모바일 앱"

그러나 대개 모든 채널에 대해 동일한 컨텐츠를 사용하고 싶지 않을 것이므로 특정 채널에 따라 컨텐츠를 최적화해야 합니다.

컨텐츠 조각을 사용하면

  • 다양한 채널에서 효율적으로 타겟 대상자에게 도달하는 방법을 고려할 수 있습니다.
  • 채널 중립적인 편집 관련 컨텐츠를 만들고 관리할 수 있습니다.
  • 다양한 채널을 위한 컨텐츠 풀을 구축할 수 있습니다.
  • 특정 채널에 맞는 컨텐츠 변형을 디자인할 수 있습니다.
  • 자산(혼합 미디어 조각)을 삽입하여 텍스트에 이미지를 추가합니다.

그런 다음 이러한 컨텐츠 조각을 취합하여 다양한 채널에서 경험을 제공할 수 있습니다.

컨텐츠 조각 및 컨텐츠 서비스

AEM Content Services는 웹 페이지에 초점을 두지 않고 AEM에서 컨텐츠 설명 및 게재를 일반화하기 위해 디자인되었습니다.

모든 클라이언트가 사용할 수 있는 표준화된 방법을 사용하여 기존 AEM 웹 페이지가 아닌 채널에 컨텐츠를 게재할 수 있습니다. 이러한 채널에는 다음과 같은 것들이 포함될 수 있습니다.

  • SPA(Single Page Applications)
  • 기본 모바일 애플리케이션
  • AEM 외부에 있는 기타 채널 및 터치포인트

게재는 JSON 형식으로 이루어집니다.

AEM 컨텐츠 조각을 사용하여 구조화된 컨텐츠를 설명하고 관리할 수 있습니다. 구조화된 컨텐츠는 텍스트, 숫자 데이터, 부울, 날짜 및 시간 등을 포함하여 다양한 컨텐츠 유형을 포함할 수 있는 모델에서 정의됩니다.

그런 다음 AEM 핵심 구성 요소의 JSON 내보내기 기능과 함께 이 구조화된 컨텐츠를 사용하여 AEM 페이지 이외의 채널에 AEM 컨텐츠를 게재할 수 있습니다.

노트

컨텐츠 조각경험 조각​은 AEM 내의 다양한 기능입니다.

  • 컨텐츠 조각​은 편집 가능한 컨텐츠이며, 주로 텍스트나 관련 이미지입니다. 또한 디자인과 레이아웃이 없는 순수 컨텐츠입니다.
  • 경험 조각​은 전체적으로 배치된 컨텐츠, 즉 웹 페이지 조각입니다.

경험 조각은 컨텐츠 조각 형태로 컨텐츠를 포함할 수 있지만 반대로는 불가능합니다.

자세한 내용은 AEM의 컨텐츠 조각 및 경험 조각 이해를 참조하십시오.

주의

컨텐츠 조각은 클래식 UI에서 사용할 수 없습니다.

컨텐츠 조각 구성 요소는 클래식 UI 사이드 킥에서 볼 수 있지만, 세부 기능은 사용할 수 없습니다.

노트

AEM은 조각 컨텐츠 번역도 지원합니다. 자세한 내용은 컨텐츠 조각에 대한 번역 프로젝트 만들기를 참조하십시오.

컨텐츠 조각 유형

컨텐츠 조각은 다음 중 하나일 수 있습니다.

  • 단순 조각 - 미리 정의된 구조를 포함하지 않습니다. 이 조각은 텍스트 및 이미지만 포함합니다. 단순 조각 템플릿을 기반으로 합니다.

  • 구조화된 컨텐츠가 포함된 조각 - 이 조각은 결과 조각의 구조를 사전 정의하는 컨텐츠 조각 모델을 기반으로 합니다.
    JSON 익스포터를 사용하여 Content Services를 구현하는 데에도 사용할 수 있습니다.

컨텐츠 유형

컨텐츠 조각은

  • 자산​으로 저장됩니다.

    • 컨텐츠 조각(및 그 변형)은 자산 콘솔에서 만들고 유지 관리할 수 있습니다.
    • 컨텐츠 조각 편집기에서 작성 및 편집됩니다.
  • 컨텐츠 조각 구성 요소(참조 구성 요소)를 통해 페이지 편집기에서 사용됩니다.

    • 컨텐츠 조각 구성 요소는 페이지 작성자가 사용할 수 있습니다. 따라서 페이지 작성자가 HTML 또는 JSON 형식으로 필요한 컨텐츠 조각을 참조하고 게재할 수 있습니다.

컨텐츠 조각은 다음과 같은 컨텐츠 구조입니다.

시각적 자산이 있는 조각

작성자가 컨텐츠를 더 잘 제어할 수 있도록 이미지를 컨텐츠 조각에 추가하거나 컨텐츠 조각과 통합할 수 있습니다.

자산은 각각 고유한 장점이 있는 여러 가지 방법으로 컨텐츠 조각에 사용할 수 있습니다.

  • 조각에 자산 삽입(혼합 미디어 조각)

    노트

    컨텐츠 조각 자체에 삽입된 시각적 자산은 선행하는 단락에 첨부됩니다. 조각을 페이지에 추가하면 이러한 자산이 중간적 컨텐츠가 추가될 때 해당 단락과 관련하여 이동됩니다.

  • 관련 컨텐츠

    • 조각에 연결되어 있지만 조각의 고정 부분이 아닙니다(컨텐츠 조각의 구성 성분 부분 참조).
    • 위치에 대해 어느 정도 유연합니다.
    • 페이지에서 조각을 사용할 때(중간적 컨텐츠로서) 쉽게 사용할 수 있습니다.
    • 자세한 내용은 관련 컨텐츠를 참조하십시오.
  • 페이지 편집기의 자산 브라우저​에서 사용할 수 있는 자산

    • 자산을 유연하게 선택할 수 있습니다.
    • 위치에 대해 어느 정도 유연합니다.
    • 특정 조각에 대해 동의되는 개념을 제공하지 않습니다.
    • 자세한 내용은 자산 브라우저를 참조하십시오.

컨텐츠 조각의 구성 성분 부분

컨텐츠 조각 자산은 다음 부분으로 구성됩니다(직접 또는 간접적으로).

  • 조각 요소

    • 요소는 컨텐츠를 포함하는 데이터 필드와 관련이 있습니다.

    • 구조화된 컨텐츠가 있는 조각의 경우 컨텐츠 모델을 사용하여 컨텐츠 조각을 생성합니다. 모델에 지정된 요소(필드)는 조각의 구조를 정의합니다. 이러한 요소(필드)는 다양한 데이터 유형일 수 있습니다.

    • 단순 조각의 경우:

      • 컨텐츠는 하나 이상의 여러 줄 텍스트 필드나 요소에 유지됩니다.
      • 요소는 조각 템플릿에서 정의됩니다. (조각을 작성할 때에는 정의할 수 없습니다. 컨텐츠 조각 템플릿을 참조하십시오.)
  • 조각 단락

    • 텍스트 블록

      • 세로 공백(캐리지 리턴)으로 구분됩니다.
      • 여러 줄 텍스트 요소에 있으며 단순 조각이나 구조화된 조각으로 되어 있습니다.
    • 리치 텍스트Markdown 모드에서 단락 서식을 헤더로 지정할 수 있습니다. 이렇게 하면 해당 단락과 그다음 단락이 한 단위로 묶입니다.

    • 페이지 작성 중 컨텐츠를 제어할 수 있도록 해줍니다.

  • 조각에 삽입된 자산(혼합 미디어 조각)

    • 실제 조각에 삽입되고 조각의 내부 컨텐츠로 사용된 자산(이미지)
    • 조각의 단락 시스템에 포함됩니다.
    • 페이지에서 조각을 사용/참조할 때 형식을 지정할 수 있습니다.
    • 조각 편집기를 사용해야 조각에 추가, 조각에서 삭제 또는 조각 내에서 이동할 수 있습니다. 페이지 편집기에서는 이러한 작업을 수행할 수 없습니다.
    • 조각 편집기에서 리치 텍스트 형식을 사용해야 조각에 추가, 조각에서 삭제 또는 조각 내에서 이동할 수 있습니다.
    • 여러 줄 텍스트 요소(임의의 조각 유형)에만 추가할 수 있습니다.
    • 선행하는 텍스트(단락)에 첨부됩니다.
    주의

    일반 텍스트 형식으로 전환하여 실수로 조각에서 제거할 수 있습니다.

    노트

    자산은 페이지에서 조각을 사용할 때 추가적인(중간적) 컨텐츠로도 추가할 수 있습니다. 이때 자산은 관련 컨텐츠를 사용하거나 자산 브라우저의 자산을 사용합니다.

  • 관련 컨텐츠

    • 조각의 외부 컨텐츠지만 조각에 대한 편집 관련 연관성이 있는 컨텐츠입니다. 일반적으로 이미지, 비디오 또는 기타 조각입니다.

    • 컬렉션 내의 개별 자산은 페이지에 추가될 때 페이지 편집기에서 조각에 사용할 수 있습니다. 이것은 특정 채널의 요구 사항에 따라 이러한 자산을 선택할 수 있음을 의미합니다.

    • 자산은 컬렉션을 통해 조각에 연결됩니다. 연결된 컬렉션은 작성자가 페이지를 작성할 때 사용할 자산을 결정할 수 있도록 해줍니다.

      • 컬렉션은 템플릿을 통해 조각에 연결되거나, 기본 컨텐츠로서 연결되거나 조각 작성 중 작성자가 연결할 수 있습니다.
      • 자산(DAM) 컬렉션은 조각과 관련된 컨텐츠의 기초입니다.
    • 원할 경우 조각 자체를 컬렉션에 추가하여 추적을 지원할 수도 있습니다.

  • 조각 메타데이터

    • 자산 메타데이터 스키마를 사용합니다.

    • 다음 경우에 태그를 만들 수 있습니다.

      • 조각을 만들고 작성할 때

      • 또는 나중에:

        • 콘솔에서 조각 속성​을 보거나/편집하여
        • 조각 편집기에 있을 때 메타데이터​를 편집하여
    주의

    메타데이터 처리 프로필은 컨텐츠 조각에 적용되지 않습니다.

  • 마스터

    • 조각의 필수 부분

      • 모든 컨텐츠 조각에는 하나의 마스터 인스턴스가 있습니다.
      • 마스터는 삭제할 수 없습니다.
    • 마스터는 변형 아래의 조각 편집기에서 액세스할 수 있습니다.

    • 마스터는 그러한 변형이 아니라 모든 변형의 기초입니다.

  • 변형

    • 편집 목적에 맞는 조각 텍스트의 표현물은 채널과 관련을 지을 수 있지만, 의무적이지는 않으며, 임시적 로컬 수정용일 수도 있습니다.
    • 마스터​의 사본으로 만들어지지만 필요에 따라 편집할 수 있습니다. 일반적으로 변형 간에 컨텐츠가 겹치게 됩니다.
    • 조각 작성 중에 정의하거나 조각 템플릿에서 사전에 정의할 수 있습니다.
    • 조각 내에 저장되므로 컨텐츠 사본 살포를 방지할 수 있습니다.
    • 마스터 컨텐츠가 업데이트된 경우 변형을 마스터와 동기화할 수 있습니다.
    • 요약하여 텍스트를 사전 정의된 길이로 신속히 자를 수 있습니다.
    • 조각 편집기의 변형 탭에서 사용할 수 있습니다.

컨텐츠 조각으로 페이지 작성 시 중간적 컨텐츠

중간적 컨텐츠:

주의

중간 컨텐츠는 페이지 컨텐츠이며, 컨텐츠 조각에 저장되지 않습니다.

조각에 필요

컨텐츠 조각을 만들고 편집하고 사용하려면 다음 사항이 필요합니다.

  • 컨텐츠 모델

    • 활성화한 후 도구를 사용하여 만듭니다.
    • 구조화된 조각을 만드는 데 필요합니다.
    • 조각(제목, 컨텐츠 요소, 태그 정의)의 구조를 정의합니다.
    • 컨텐츠 모델 정의는 제목과 하나의 데이터 요소를 필요로 합니다. 그 외의 모든 것은 선택 사항입니다. 가능한 경우 모델은 조각 및 기본 컨텐츠의 최소 범위를 정의합니다. 작성자는 조각 컨텐츠를 작성할 때 정의된 구조를 변경할 수 없습니다.
  • 조각 템플릿

    • 단순 조각을 만드는 데 필요합니다.
    • 일반적으로 프로젝트 구현 중에 개발됩니다. 작성 시에는 만들 수 없습니다.
    • 단순 조각(제목, 텍스트 요소 수, 태그 정의)의 기본 속성을 정의합니다.
    • 템플릿 정의는 제목과 하나의 텍스트 요소를 필요로 합니다. 그 외의 모든 것은 선택 사항입니다. 가능한 경우 템플릿은 조각 및 기본 컨텐츠의 최소 범위를 정의합니다. 작성자는 나중에 조각을 템플릿에서 정의된 범위를 넘어서는 범위로 확장할 수 있습니다.
  • 컨텐츠 조각 구성 요소

    • 조각을 HTML 및/또는 JSON 형식으로 게재하는 데 중요합니다.
    • 페이지에서 조각을 참조하는 데 필요합니다.
    • 채널처럼 조각의 레이아웃 및 게재를 담당합니다.
    • 조각은 레이아웃을 정의하고 일부 또는 모든 요소/변형 및 관련 컨텐츠를 게재하기 위해 하나 이상의 전용 구성 요소를 필요로 합니다.
    • 작성 중인 페이지에 조각을 드래그하면 필요한 구성 요소가 자동으로 연결됩니다.

사용 예

요소 및 변형을 포함한 조각을 사용하여 여러 채널용의 일관된 컨텐츠를 만들 수 있습니다. 조각을 디자인할 때에는 어디에 사용될 것인지 고려해야 합니다.

We.Retail 샘플

샘플 조각은 다음 위치에서 볼 수 있습니다.

https://localhost:4502/assets.html/content/dam/we-retail/en/experiences/arctic-surfing-in-lofoten

이 페이지에서는