양식 제목 구성 요소

마지막 업데이트: 2024년 11월 28일

작성 대상:

  • 개발자
  • 관리자
  • 사용자

적응형 양식에서 “제목”은 양식 상단, 일반적으로 헤더 아래에 표시되는 텍스트를 나타냅니다. 제목은 제목 구성 요소를 사용하여 지정됩니다. 이 구성 요소는 양식 레이아웃에 추가할 수 있으며 양식의 용도나 주제에 맞게 해당 텍스트를 편집할 수 있습니다. 제목은 사용자를 위한 양식에 대한 레이블 또는 간략한 설명 역할을 하며 양식을 다른 양식과 구별하는 데 도움이 됩니다.

예

제목의 예

사용

양식에서 제목을 사용하는 것이 좋은 것에는 다음과 같은 몇 가지 이유가 있습니다.

  • 명확성: 제목은 양식의 용도를 명확하게 식별하여 사용자가 제공해야 하는 정보를 이해하는 데 도움을 줍니다.

  • 구성: 제목을 사용하여 주제나 용도별로 양식을 구성할 수 있으므로 사용자가 필요한 양식을 쉽게 찾을 수 있습니다.

  • 접근성: 제목은 접근성이 필요한 사용자에게 중요한 요소입니다. 화면 판독기에서 제목을 큰 소리로 읽어 주면 사용자가 양식의 컨텍스트를 이해하는 데 도움이 되기 때문입니다.

  • 브랜딩: 제목을 사용하여 회사 또는 조직의 이름을 표시할 수도 있으며, 이는 사용자의 신뢰감과 친숙함을 형성하는 데 도움이 됩니다.

  • 탐색: 제목은 특히 양식이 길거나 복잡한 경우 양식을 탐색하는 데 유용할 수 있습니다.

  • 검색 엔진 최적화(SEO): 검색 엔진이 제목을 사용하여 검색 쿼리에 대한 웹 페이지의 관련성을 결정하기 때문에, 양식에 제목을 지정하는 것도 SEO에 도움이 됩니다.

전체적으로 볼 때 양식의 제목은 사용자 경험의 중요한 측면이며, 제목을 사용하여 양식에 대한 명확하고 간결한 레이블을 제공하여 사용자가 양식의 컨텍스트와 목적을 이해하는 데 도움을 주어야 합니다.

버전 및 호환성

적응형 양식 제목 핵심 구성 요소는 Cloud Service의 핵심 구성 요소 2.0.4 및 AEM 6.5.16.0 Forms 이상의 핵심 구성 요소 1.1.12 일부로 2023년 2월에 릴리스되었습니다. 다음 표에서는 지원되는 모든 버전, AEM 호환성 및 해당 문서에 대한 링크를 보여 줍니다.

구성 요소 버전AEM as a Cloud ServiceAEM 6.5.16.0 Forms 이상
v1릴리스 2.0.4 이상 버전과 호환 가능릴리스 1.1.12 이상과 호환합니다(2.0.0 이전 버전).

핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전 문서를 참조하십시오.

기술 세부 정보

적응형 양식 제목 핵심 구성 요소에 대한 최신 정보는 GitHub의 기술 설명서에서 확인할 수 있습니다. 핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 확인하십시오.

구성 대화 상자

구성 대화 상자를 사용하여 방문자를 위한 제목 경험을 손쉽게 사용자 정의할 수 있습니다. 제목 옵션을 간편하게 정의하여 원활한 사용자 경험을 제공할 수도 있습니다.

기본 탭

콘텐츠 작성자는 편집 대화 상자를 통해 제목 텍스트를 정의하고 제목 수준을 선택할 수 있습니다.

  • 제목 - 제목을 사용하면 양식에서 구성 요소를 쉽게 식별할 수 있으며, 기본적으로 제목은 구성 요소 상단에 나타납니다. 제목을 추가하지 않으면 제목 텍스트 대신 구성 요소의 이름이 표시됩니다.

  • 유형/크기 - 제목의 제목 수준을 정의합니다.

  • ID - 이 옵션을 통해 HTML과 데이터 레이어에서 구성 요소의 고유 식별자를 제어할 수 있습니다.

    • 비워 두면 고유 ID는 자동으로 생성되고 결과 페이지 검사를 통해 발견될 수 있습니다.
    • ID가 지정된 경우 작성자는 ID가 고유한지 확인해야 합니다.
    • ID가 변경되면 CSS, JS 및 데이터 레이어 추적에 영향을 미칠 수 있습니다.

디자인 대화 상자

디자인 탭은 양식 제목 구성 요소의 CSS 스타일을 정의하고 관리하는 데 사용됩니다.

제목

[제목] 탭을 사용하면 템플릿 작성자가 양식 작성자의 기본 및 허용된 HTML 제목 요소를 설정할 수 있습니다.

디자인 대화 상자 제목 탭

  • 허용된 제목 요소: 템플릿 작성자가 양식 작성자가 제목에 사용할 수 있는 제목 요소를 선택할 수 있도록 하는 여러 옵션을 제공하는 목록입니다.

  • 기본 제목 요소 - 제목 구성 요소의 기본 제목 요소를 설정하는 드롭다운 목록입니다.

스타일 탭

탭은 구성 요소의 CSS 스타일을 정의하고 관리하는 데 사용됩니다. 적응형 양식 날짜 선택기 핵심 구성 요소는 AEM 스타일 시스템을 지원합니다.

디자인 대화 상자 제목 탭

  • 기본 CSS 클래스: 적응형 양식 제목 핵심 구성 요소에 기본 CSS 클래스를 제공할 수 있습니다.

  • 허용된 스타일: 이름과 스타일을 나타내는 CSS 클래스를 제공하여 스타일을 정의할 수 있습니다. 예를 들어 “bold text”라는 스타일을 만들고 “font-weight: bold”라는 CSS 클래스를 제공할 수 있습니다. 적응형 양식 편집기에서 이러한 스타일을 적응형 양식에 사용하거나 적용할 수 있습니다. 스타일을 적용하려면 적응형 양식 편집기에서 스타일을 적용할 구성 요소를 선택하고 속성 대화 상자로 이동한 다음 스타일 드롭다운 목록에서 원하는 스타일을 선택합니다. 스타일을 업데이트하거나 수정해야 하는 경우 디자인 대화 상자로 돌아가서 스타일 탭에서 스타일을 업데이트하고 변경 내용을 저장하면 됩니다.

형식 탭

형식 탭에서는 기본 및 사용자 정의 날짜 형식을 지정할 수 있습니다.

형식 탭

추가 참조

Experience Manager