스캐폴딩

구조를 공유하지만 콘텐츠가 다른 대규모 페이지 세트를 만들어야 하는 경우가 있습니다. 표준 Adobe Experience Manager(AEM) 인터페이스를 통해 각 페이지를 만들고 적절한 구성 요소를 페이지로 드래그한 다음 각 구성 요소를 개별적으로 채워야 합니다.

스캐폴딩을 사용하면 페이지에 대해 원하는 구조를 반영하는 필드가 있는 양식(스캐폴드)을 만든 다음 이 양식을 사용하여 이 구조를 기반으로 페이지를 쉽게 만들 수 있습니다.

스캐폴딩 작동 방식

스캐폴딩은에 저장됩니다. 도구 사이트 관리자의 콘솔.

• 를 엽니다. 도구 콘솔 및 클릭 기본 페이지 스캐폴딩.
• 아래에서 Geometrixx.
• 아래 Geometrixx, 다음을 찾을 수 있습니다. 스캐폴드 페이지 호출됨 뉴스. 이 페이지를 열려면 두 번 클릭하십시오.

스캐폴드는 만들 페이지를 구성하는 각 콘텐츠에 대한 필드가 있는 양식과 를 통해 액세스할 수 있는 4개의 중요한 매개 변수로 구성됩니다 페이지 속성 스캐폴드 페이지의 입니다.

스캐폴딩 페이지 속성은 다음과 같습니다.

• 제목 텍스트: 이 스캐폴딩 페이지 자체의 이름입니다. 이 예제에서는 "News"라고 합니다.
• 설명: 스캐폴딩 페이지의 제목 아래에 표시됩니다.
• 대상 템플릿: 이 스캐폴드가 페이지를 만들 때 사용하는 템플릿입니다. 이 예에서는 입니다. Geometrixx 컨텐츠 페이지 템플릿.
• 대상 경로: 이 스캐폴드가 페이지를 생성하는 상위 페이지의 경로입니다. 이 예제에서 경로는 /content/geometrixx/en/news.

발판의 몸은 형태입니다. 사용자가 스캐폴드를 사용하여 페이지를 만들려고 할 때 양식을 작성하고 를 클릭합니다 만들기​을 클릭합니다. 다음에서 뉴스 양식 위의 예에는 다음 필드가 있습니다.

• 제목: 만들 페이지의 이름입니다. 이 분야는 모든 스캐폴드에 존재합니다.
• 텍스트: 이 필드는 결과 페이지의 텍스트 구성 요소에 해당합니다.
• 이미지: 이 필드는 결과 페이지의 이미지 구성 요소에 해당합니다.
• 이미지/고급: 제목: 이미지의 제목입니다.
• 이미지/고급: 대체 텍스트: 이미지의 대체 텍스트입니다.
• 이미지/고급: 설명: 이미지에 대한 설명입니다.
• 이미지/고급: 크기: 이미지 크기입니다.
• 태그/키워드: 이 페이지에 할당할 메타데이터. 이 분야는 모든 스캐폴드에 존재합니다.

스캐폴드 만들기

스캐폴드를 만들려면 도구 콘솔, 기본 페이지 스캐폴딩 페이지를 만듭니다. 단일 페이지 템플릿 유형을 사용할 수 있습니다. 스캐폴딩 템플릿.

로 이동 페이지 속성 새 페이지의 제목 텍스트, 설명, 대상 템플릿, 및 대상 경로, 위에서 설명한 대로

다음으로 이 스캐폴드가 만들 페이지의 구조를 정의해야 합니다. 이렇게 하려면 로 이동합니다. 디자인 모드 scaffold 페이지에서 을 참조하십시오. 에서 스캐폴드를 편집할 수 있는 링크가 나타납니다. 대화 상자 편집기.

대화 상자 편집기를 사용하면 이 스캐폴드를 사용하여 새 페이지를 만들 때마다 만들어지는 속성을 지정할 수 있습니다.

스캐폴드에 대한 대화 상자 정의는 구성 요소의 대화 상자 정의와 유사하게 작동합니다( 참조) 구성 요소). 그러나 몇 가지 중요한 차이점이 적용됩니다.

• 구성 요소 대화 상자 정의는 대화 상자 편집기의 중간 창에 표시되는 것과 같이 일반 대화 상자로 렌더링되는 반면, 스캐폴드 대화 상자 정의는 대화 상자 편집기에 일반 대화 상자로 표시되지만 스캐폴드 페이지에는 스캐폴드 양식으로 렌더링됩니다(에 표시된 것처럼). 뉴스 위의 scaffold).
• 구성 요소 대화 상자는 단일 특정 구성 요소의 콘텐츠를 정의하는 데 필요한 해당 값에만 필드를 제공합니다. 스캐폴드 대화 상자는 생성할 페이지의 모든 단락에 있는 모든 속성에 대한 필드를 제공해야 합니다.
• 구성 요소 대화 상자가 있는 경우 지정된 콘텐츠를 렌더링하는 데 사용되는 구성 요소는 암시적이므로 sling:resourceType 단락이 만들어지면 단락의 속성이 자동으로 채워집니다. 스캐폴드를 사용하면 주어진 단락에 대해 콘텐츠와 지정된 구성 요소를 정의하는 모든 정보를 대화 상자 자체에서 제공해야 합니다. 스캐폴드 대화 상자에서 다음을 사용하여 이 정보를 제공해야 합니다. 숨김 페이지 생성 시 이 정보를 제출하는 필드입니다.

예제 보기 뉴스 대화 상자 편집기의 scaffold 대화 상자를 통해 이 기능의 작동 방식을 설명할 수 있습니다. 스캐폴드 페이지에서 디자인 모드로 전환하고 대화 상자 편집기 링크를 클릭합니다.

이제 대화 상자 필드를 클릭합니다. 대화 상자 > 탭 패널 > 텍스트 > 텍스트, 다음과 같이:

이 필드의 속성 목록은 대화 상자 편집기의 오른쪽에 다음과 같이 표시됩니다.

이 필드의 이름 속성을 확인합니다. 가치가 있습니다.

./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 상속을 사용한 스캐폴딩

클래식 UI에서 스캐폴딩은 MSM 상속과 완전히 통합됩니다(해당하는 경우).

에서 페이지를 열 때 스캐폴딩 모드(사이드 킥 하단에 있는 아이콘 사용) 상속이 적용되는 구성 요소는 다음과 같이 표시됩니다.

• 잠금 기호(대부분의 구성 요소용, 예: 텍스트 및 제목)
• 텍스트가 있는 마스크 상속을 취소하려면 클릭하십시오. (이미지 구성 요소용)

상속이 취소될 때까지 구성 요소를 편집할 수 없음을 보여 줍니다.

잠금 기호 또는 이미지 아이콘을 클릭하면 상속을 중단할 수 있습니다.

• 기호가 열린 자물쇠로 변경됩니다.
• 잠금 해제되면 콘텐츠를 편집할 수 있습니다.

잠금을 해제한 후 잠금 해제된 자물쇠 기호를 클릭하여 상속을 복원할 수 있습니다. 이렇게 하면 편집한 내용이 손실됩니다.