스캐폴딩 scaffolding
구조를 공유하지만 콘텐츠가 다른 대규모 페이지 세트를 만들어야 하는 경우가 있습니다. 표준 Adobe Experience Manager(AEM) 인터페이스를 통해 각 페이지를 만들고 적절한 구성 요소를 페이지로 드래그한 다음 각 구성 요소를 개별적으로 채워야 합니다.
스캐폴딩을 사용하면 페이지에 대해 원하는 구조를 반영하는 필드가 있는 양식(스캐폴드)을 만든 다음 이 양식을 사용하여 이 구조를 기반으로 페이지를 쉽게 만들 수 있습니다.
스캐폴딩 작동 방식 how-scaffolding-works
스캐폴드는 사이트 관리자의 도구 콘솔에 저장됩니다.
- 도구 콘솔을 열고 기본 페이지 스캐폴딩 을 클릭합니다.
- 아래에서 Geometrixx 을 클릭합니다.
- Geometrixx 에서 News 라는 scaffold 페이지 를 찾을 수 있습니다. 이 페이지를 열려면 두 번 클릭하십시오.
스캐폴드는 만들 페이지를 구성하는 각 콘텐츠에 대한 필드가 있는 양식과 스캐폴드 페이지의 페이지 속성 을 통해 액세스할 수 있는 4개의 중요한 매개 변수로 구성됩니다.
스캐폴딩 페이지 속성은 다음과 같습니다.
- 제목 텍스트: 이 스캐폴딩 페이지 자체의 이름입니다. 이 예제에서는 "News"라고 합니다.
- 설명: 스캐폴딩 페이지의 제목 아래에 표시됩니다.
- 대상 템플릿: 이 스캐폴드는 페이지를 만들 때 사용할 템플릿입니다. 이 예제에서는 Geometrixx 콘텐츠 페이지 템플릿입니다.
- 대상 경로: 이 스캐폴드가 페이지를 만드는 부모 페이지의 경로입니다. 이 예제에서 경로는 /content/geometrixx/en/news 입니다.
발판의 몸은 형태입니다. 사용자가 스캐폴드를 사용하여 페이지를 만들려면 양식을 작성하고 하단의 만들기 를 클릭합니다. News 예제 위의 양식에는 다음 필드가 있습니다.
- 제목: 만들 페이지의 이름입니다. 이 분야는 모든 스캐폴드에 존재합니다.
- 텍스트: 이 필드는 결과 페이지의 텍스트 구성 요소에 해당합니다.
- 이미지: 이 필드는 결과 페이지의 이미지 구성 요소에 해당합니다.
- 이미지/고급: 제목: 이미지의 제목입니다.
- 이미지/고급: 대체 텍스트: 이미지의 대체 텍스트입니다.
- 이미지/고급: 설명: 이미지에 대한 설명입니다.
- 이미지/고급: 크기: 이미지 크기입니다.
- 태그/키워드: 이 페이지에 할당할 메타데이터입니다. 이 분야는 모든 스캐폴드에 존재합니다.
스캐폴드 만들기 creating-a-scaffold
스캐폴드를 만들려면 도구 콘솔로 이동한 다음 기본 페이지 스캐폴딩 으로 이동하여 페이지를 만드십시오. 단일 페이지 템플릿 유형 스캐폴딩 템플릿 을 사용할 수 있습니다.
위에서 설명한 대로 새 페이지의 페이지 속성(으)로 이동하여 제목 텍스트, 설명, 대상 템플릿 및 대상 경로 를 설정합니다.
다음으로 이 스캐폴드가 만들 페이지의 구조를 정의해야 합니다. 이렇게 하려면 스캐폴드 페이지에서 디자인 모드 로 이동하십시오. 대화 상자 편집기 에서 스캐폴드를 편집할 수 있는 링크가 나타납니다.
대화 상자 편집기를 사용하면 이 스캐폴드를 사용하여 새 페이지를 만들 때마다 만들어지는 속성을 지정할 수 있습니다.
스캐폴드에 대한 대화 상자 정의는 구성 요소의 대화 상자 정의와 비슷합니다(구성 요소 참조). 그러나 몇 가지 중요한 차이점이 적용됩니다.
- 구성 요소 대화 상자 정의는 대화 상자 편집기의 중간 창에 표시되는 것과 같이 일반 대화 상자로 렌더링되는 반면, scaffold 대화 상자 정의는 대화 상자 편집기에 일반 대화 상자로 표시되지만 scaffold 페이지에는 scaffold 양식으로 렌더링됩니다(위의 News scaffold에 표시된 것처럼).
- 구성 요소 대화 상자는 단일 특정 구성 요소의 콘텐츠를 정의하는 데 필요한 해당 값에만 필드를 제공합니다. 스캐폴드 대화 상자는 생성할 페이지의 모든 단락에 있는 모든 속성에 대한 필드를 제공해야 합니다.
- 구성 요소 대화 상자가 있는 경우 지정된 콘텐츠를 렌더링하는 데 사용되는 구성 요소는 암시적이므로 단락이 만들어질 때 단락의
sling:resourceType속성이 자동으로 채워집니다. 스캐폴드를 사용하면 주어진 단락에 대해 콘텐츠와 지정된 구성 요소를 정의하는 모든 정보를 대화 상자 자체에서 제공해야 합니다. 스캐폴드 대화 상자에서 Hidden 필드를 사용하여 페이지를 만들 때 이 정보를 제출해야 합니다.
대화 상자 편집기에서 예제 News 스캐폴드 대화 상자를 보면 작동 방식을 설명할 수 있습니다. 스캐폴드 페이지에서 디자인 모드로 전환하고 대화 상자 편집기 링크를 클릭합니다.
이제 다음과 같이 대화 상자 필드 대화 상자 > 탭 패널 > 텍스트 > 텍스트 을 클릭합니다.
이 필드의 속성 목록은 대화 상자 편집기의 오른쪽에 다음과 같이 표시됩니다.
이 필드의 이름 속성을 확인합니다. 가치가 있습니다.
./jcr:content/par/text/text
스캐폴드를 사용하여 페이지를 만들 때 이 필드의 내용이 기록될 속성의 이름입니다. 속성은 만들 페이지를 나타내는 노드로부터의 상대 경로로 표시됩니다. 노드 부분 아래에 있는 노드 텍스트 아래에 속성 텍스트를 지정합니다. 이 노드 자체가 페이지 노드 아래의 jcr:content 노드의 하위 항목입니다.
이 필드에 입력할 텍스트에 대한 콘텐츠 저장소의 위치를 정의합니다. 그러나 이 컨텐츠에 대해 두 가지 특성도 추가로 지정해야 합니다.
- 여기에 저장되는 문자열은 서식 있는 텍스트(으)로 해석되어야 합니다.
- 이 콘텐츠를 결과 페이지로 렌더링하는 데 사용해야 하는 구성 요소
일반 구성 요소 대화 상자는 대화 상자가 이미 특정 구성 요소에 바인딩되어 있음을 암시하므로 이 정보를 지정하지 않아도 됩니다.
이러한 두 가지 정보를 지정하려면 숨겨진 필드를 사용합니다. 다음과 같이 첫 번째 숨김 필드 대화 상자 > 탭 패널 > 텍스트 > 숨김 을 클릭합니다.
이 숨겨진 필드의 속성은 다음과 같습니다.
이 숨겨진 필드의 이름 속성은 다음과 같습니다.
./jcr:content/par/text/textIsRich
./jcr:content/par/text/text에 저장된 텍스트 문자열을 해석하는 데 사용되는 부울 속성입니다.
텍스트가 서식 있는 텍스트로 해석되어야 하므로 이 필드의 value 속성을 true(으)로 지정하겠습니다.
두 번째 숨김 필드는 다음과 같이 클릭하여 볼 수 있습니다.
이 숨겨진 필드의 속성은 다음과 같습니다.
이 숨겨진 필드의 이름 속성은 다음과 같습니다.
./jcr:content/par/text/sling:resourceType
그리고 이 속성에 대해 지정된 고정 값은 입니다.
foundation/components/textimage
이 단락의 텍스트 콘텐츠를 렌더링하는 데 사용할 구성 요소가 텍스트 이미지 구성 요소임을 지정합니다. 다른 숨겨진 필드에 지정된 isRichText 부울과 함께 을 사용하면 구성 요소는 ./jcr:content/par/text/text에 저장된 실제 텍스트 문자열을 원하는 방식으로 렌더링할 수 있습니다.
MSM 상속을 사용한 스캐폴딩 scaffolding-with-msm-inheritance
클래식 UI에서 스캐폴딩은 MSM 상속과 완전히 통합됩니다(해당하는 경우).
스캐폴딩 모드로 페이지를 열 때(사이드 킥 하단에 있는 아이콘 사용) 상속의 대상이 되는 구성 요소에는 다음이 표시됩니다.
- 잠금 기호(대부분의 구성 요소용, 예: 텍스트 및 제목)
- 상속을 취소하려면 클릭하세요 텍스트가 있는 마스크(이미지 구성 요소의 경우)
상속이 취소될 때까지 구성 요소를 편집할 수 없음을 보여 줍니다.
잠금 기호 또는 이미지 아이콘을 클릭하면 상속을 중단할 수 있습니다.
- 기호가 열린 자물쇠로 변경됩니다.
- 잠금 해제되면 콘텐츠를 편집할 수 있습니다.
잠금을 해제한 후 잠금 해제된 자물쇠 기호를 클릭하여 상속을 복원할 수 있습니다. 이렇게 하면 편집한 내용이 손실됩니다.