컨텐츠 조각 작성

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

전제 조건

이 작업은 여러 부분으로 구성된 자습서이며 컨텐츠 조각 모델 정의에 설명된 단계가 완료되었다고 가정합니다.

목표

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

컨텐츠 조각 작성 개요

위의 비디오에서는 컨텐츠 조각 작성에 대한 높은 수준의 개요를 제공합니다.

컨텐츠 조각 만들기

이전 장의 컨텐츠 조각 모델 정의에서 기여자 모델이 생성되었습니다. 이 모델을 사용하여 새 컨텐츠 조각을 작성합니다.

  1. AEM 시작 메뉴에서 자산 > 파일​로 이동합니다.

  2. 폴더를 클릭하여 WKND 사이트 > 영어 > 기여자​로 이동합니다. 이 폴더에는 WKND 브랜드의 기여자를 위한 헤드샷 목록이 포함되어 있습니다.

  3. 오른쪽 상단에 있는 만들기​를 클릭하고 컨텐츠 조각​을 선택합니다.

    새 조각 만들기 를 클릭합니다

  4. 기여자 모델을 선택하고 다음​을 클릭합니다.

    기여자 모델 선택

    이전 장에서 만든 동일한 기여자 모델입니다.

  5. 제목에 대해 Stacey Roswells​를 입력하고 만들기​를 클릭합니다.

  6. 성공 대화 상자에서 열기​를 클릭하여 새로 만든 조각을 엽니다.

    새 컨텐츠 조각 생성됨

    모델에 정의된 필드를 이제 컨텐츠 조각의 이 인스턴스를 작성할 수 있습니다.

  7. 전체 이름​에 대해 다음을 입력합니다. 스테이시 로셀

  8. 전기​에 간단한 전기를 입력합니다. 영감이 필요하십니까? 이 텍스트 파일을 자유롭게 다시 사용할 수 있습니다.

  9. 그림 참조​에 대해 폴더 아이콘을 클릭하고 WKND 사이트 > 영어 > 기여자 > stacey-roswells.jpg​로 이동합니다. 이렇게 하면 경로가 평가됩니다. /content/dam/wknd/en/contributors/stacey-roswells.jpg

  10. 작업​에 대해 사진​을 선택합니다.

    작성된 조각

  11. 저장​을 클릭하여 변경 내용을 저장합니다.

컨텐츠 조각 변형 만들기

모든 컨텐츠 조각은 기본 변형으로 시작합니다. 기본 변형은 조각의 기본 컨텐츠로 간주할 수 있으며, 컨텐츠가 GraphQL API를 통해 노출될 때 자동으로 사용됩니다. 컨텐츠 조각의 변형을 만들 수도 있습니다. 이 기능은 구현 디자인을 위한 추가적인 유연성을 제공합니다.

변형을 사용하여 특정 채널을 타깃팅할 수 있습니다. 예를 들어, 더 적은 양의 텍스트를 포함하거나 채널별 이미지를 참조하는 mobile 변형을 만들 수 있습니다. 변형을 사용하는 방법은 구현에 따라 다릅니다. 모든 기능과 마찬가지로 사용하기 전에 신중하게 계획해야 합니다.

그런 다음 새 변형을 만들어 사용 가능한 기능의 아이디어를 얻습니다.

  1. Stacey Roswell 컨텐츠 조각을 다시 엽니다.

  2. 왼쪽 사이드 레일에서 변형 만들기​를 클릭합니다.

  3. 새 변형 모달에 요약​의 제목을 입력합니다.

    새 변형 - 요약

  4. 전기 여러 줄 필드를 클릭하고 확장 단추를 클릭하여 여러 줄 필드에 대한 전체 화면 보기를 입력합니다.

    전체 화면 보기 입력

  5. 오른쪽 위 메뉴에서 Summarize Text 를 클릭합니다.

  6. 50​단어 중 Target​을 입력하고 시작​을 클릭합니다.

    요약 미리 보기

    요약 미리 보기가 열립니다. AEM 컴퓨터 언어 프로세서는 대상 단어 수를 기반으로 텍스트를 요약하려고 합니다. 제거할 다른 문장을 선택할 수도 있습니다.

  7. 요약 작업에 만족하면 Summarize 를 클릭합니다. 여러 줄 텍스트 필드를 클릭하고 확장 단추를 전환하여 기본 보기로 돌아갑니다.

  8. 저장​을 클릭하여 변경 내용을 저장합니다.

추가 컨텐츠 조각 만들기

컨텐츠 조각 만들기에 설명된 단계를 반복하여 추가 기여자​를 만듭니다. 다음 장에서 여러 조각을 쿼리하는 방법의 예로 사용됩니다.

  1. 기여자 폴더에서 오른쪽 상단에 있는 만들기​를 클릭하고 컨텐츠 조각​을 선택합니다.

  2. 기여자 모델을 선택하고 다음​을 클릭합니다.

  3. 제목에 Jacob Wester​을 입력하고 만들기​를 클릭합니다.

  4. 성공 대화 상자에서 열기​를 클릭하여 새로 만든 조각을 엽니다.

  5. 전체 이름​에 대해 다음을 입력합니다. Jacob Wester

  6. 전기​에 간단한 전기를 입력합니다. 영감이 필요하십니까? 이 텍스트 파일을 자유롭게 다시 사용할 수 있습니다.

  7. 그림 참조​에 대해 폴더 아이콘을 클릭하고 WKND 사이트 > 영어 > 기여자 > jacob_wester.jpg​로 이동합니다. 이렇게 하면 경로가 평가됩니다. /content/dam/wknd/en/contributors/jacob_wester.jpg

  8. 작업​에 대해 작성기​를 선택합니다.

  9. 저장​을 클릭하여 변경 내용을 저장합니다. 원하는 경우가 아니면 변형을 만들 필요가 없습니다.

    추가 컨텐츠 조각

    이제 두 개의 기여자 조각이 있어야 합니다.

축하합니다!

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

다음 단계

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

이 페이지에서는