컨텐츠 조각 작성 authoring-content-fragments

이 장에서는 새로 정의된 콘텐츠 조각 모델을(를) 기반으로 새 콘텐츠 조각을 만들고 편집합니다. 콘텐츠 조각의 변형을 만드는 방법도 알아봅니다.

사전 요구 사항 prerequisites

이 자습서는 여러 부분으로 나뉘어져 있으며 콘텐츠 조각 모델 정의에 설명된 단계가 완료된 것으로 간주됩니다.

목표 objectives

  • 콘텐츠 조각 모델을 기반으로 콘텐츠 조각 작성
  • 콘텐츠 조각 변형 만들기

자산 폴더 만들기

컨텐츠 조각은 AEM Assets의 폴더에 저장됩니다. 이전 장에서 만든 모델에서 콘텐츠 조각을 만들려면 해당 조각을 저장할 폴더를 만들어야 합니다. 특정 모델에서 조각을 만들 수 있도록 폴더에 구성이 필요합니다.

  1. AEM 시작 화면에서 Assets > 파일(으)로 이동합니다.

    자산 파일로 이동

  2. 오른쪽 상단에서 만들기 ​를 탭하고 폴더 ​를 탭합니다. 그 결과로 표시되는 대화 상자에서 다음을 입력합니다.

    • 제목*: 내 프로젝트
    • 이름: my-project

    폴더 만들기 대화 상자

  3. 내 폴더 폴더를 선택하고 속성 ​을 탭하세요.

    폴더 속성 열기

  4. Cloud Service 탭을 탭합니다. 클라우드 구성 탭에서 경로 파인더를 사용하여 내 프로젝트 구성을 선택합니다. 값은 /conf/my-project이어야 합니다.

    클라우드 구성 설정

    이 속성을 설정하면 이전 장에서 만든 모델을 사용하여 콘텐츠 조각을 만들 수 있습니다.

  5. 정책 탭을 탭하고 허용된 콘텐츠 조각 모델 필드 아래에서 경로 파인더를 사용하여 이전에 만든 개인 모델을 선택합니다.

    허용된 콘텐츠 조각 모델

    이러한 정책은 하위 폴더에 자동으로 상속되며 재정의할 수 있습니다. 태그로 모델을 허용하거나 다른 프로젝트 구성의 모델을 활성화할 수도 있습니다. 이 메커니즘은 콘텐츠 계층 구조를 관리하는 강력한 방법을 제공합니다.

  6. 폴더 속성에 대한 변경 사항을 저장하려면 저장 및 닫기 ​를 탭하세요.

  7. 내 프로젝트 폴더 내부로 이동합니다.

  8. 다음 값으로 다른 폴더를 만듭니다.

    • 제목*: 영어
    • 이름: en

    가장 좋은 방법은 다국어 지원을 위한 프로젝트를 설정하는 것입니다. 자세한 내용은 다음 문서 페이지를 참조하세요.

콘텐츠 조각 만들기 create-content-fragment

TIP
로컬 AEM SDK 사용자의 경우: AEM Assets UI를 활용하여 아래에 요약된 콘텐츠 조각 UI 대신 콘텐츠 조각을 만들고 작성할 수 있습니다. 자세한 지침은 AEM 설명서를 참조하세요.

다음으로 개인 모델을 기반으로 여러 콘텐츠 조각을 만듭니다.

  1. AEM 시작 화면에서 콘텐츠 조각 ​을 탭하여 콘텐츠 조각 UI를 엽니다.

    콘텐츠 조각 UI

  2. 왼쪽 레일에서 내 프로젝트 ​를 확장하고 영어 ​를 탭합니다.

  3. 만들기 ​를 탭하여 새 콘텐츠 조각 대화 상자를 표시하고 다음 값을 입력하십시오.

    • 위치: /content/dam/my-project/en
    • 콘텐츠 조각 모델: 개인
    • 제목: John Doe
    • 이름: john-doe

    새 콘텐츠 조각

  4. 만들기 ​를 탭합니다.

  5. Alison Smith ​를 나타내는 조각을 만들려면 위의 단계를 반복합니다.

    • 위치: /content/dam/my-project/en
    • 콘텐츠 조각 모델: 개인
    • 제목: Alison Smith
    • 이름: alison-smith

    만들기 ​를 눌러 개인 조각을 만듭니다.

  6. 다음으로 팀 Alpha ​을(를) 나타내는 조각을 만드는 단계를 반복합니다.

    • 위치: /content/dam/my-project/en
    • 콘텐츠 조각 모델:
    • 제목: 팀 Alpha
    • 이름: team-alpha

    팀 조각을 만들려면 만들기 ​를 탭하세요.

  7. 내 프로젝트 > 영어 아래에 세 개의 콘텐츠 조각이 있어야 합니다.

    새 콘텐츠 조각

개인 콘텐츠 조각 편집 edit-person-content-fragments

다음으로 새로 생성된 조각을 데이터로 채웁니다.

  1. John Doe 옆의 확인란을 누르고 열기 ​를 누릅니다.

    콘텐츠 조각 열기

  2. 콘텐츠 조각 편집기에는 콘텐츠 조각 모델을 기반으로 하는 양식이 포함되어 있습니다. John Doe 조각에 콘텐츠를 추가하려면 다양한 필드를 작성하십시오. 프로필 사진의 경우 자신의 이미지를 AEM Assets에 업로드하십시오.

    콘텐츠 조각 편집기

  3. John Doe 조각에 대한 변경 내용을 저장하려면 저장 및 닫기 ​를 탭하세요.

  4. 콘텐츠 조각 UI로 돌아가서 편집할 Alison Smith 파일을 엽니다.

  5. Alison Smith 조각을 콘텐츠로 채우려면 위의 단계를 반복합니다.

팀 컨텐츠 조각 편집 edit-team-content-fragment

  1. 콘텐츠 조각 UI를 사용하여 팀 Alpha 콘텐츠 조각을 엽니다.

  2. 제목, 짧은 이름설명 ​에 대한 필드를 채웁니다.

  3. John DoeAlison Smith 콘텐츠 조각을 선택하여 팀원 필드를 채웁니다.

    팀원 설정

    note note
    NOTE
    새 콘텐츠 조각 단추를 사용하여 콘텐츠 조각을 인라인으로 만들 수도 있습니다.
  4. 팀 Alpha 조각에 변경 사항을 저장하려면 저장 및 닫기 ​를 탭하세요.

Publish 컨텐츠 조각

TIP
로컬 AEM SDK 사용자의 경우: AEM Assets UI를 활용하여 아래에 요약된 콘텐츠 조각 UI 대신 콘텐츠 조각을 게시할 수 있습니다. 자세한 지침은 AEM 설명서를 참조하세요.

검토 및 확인 후 작성된 Content Fragments을(를) 게시합니다.

  1. AEM 시작 화면에서 콘텐츠 조각 ​을 탭하여 콘텐츠 조각 UI를 엽니다.

  2. 왼쪽 레일에서 내 프로젝트 ​를 확장하고 영어 ​를 탭합니다.

  3. 콘텐츠 조각 옆에 있는 확인란을 탭하고 Publish ​을 탭합니다.
    Publish 콘텐츠 조각

축하합니다! congratulations

축하합니다. 여러 콘텐츠 조각을 작성하고 변형을 만들었습니다.

다음 단계 next-steps

다음 장인 GraphQL API 탐색에서는 내장된 GrapiQL 도구를 사용하여 AEM의 GraphQL API를 탐색합니다. AEM이 콘텐츠 조각 모델을 기반으로 GraphQL 스키마를 자동으로 생성하는 방법을 알아봅니다. GraphQL 구문을 사용하여 기본 쿼리를 구성해 봅니다.

관련 설명서

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4