기초 구성 요소 foundation-components

이미지

• 이미지

  컨텐츠 파인더에서 이미지를 끌어 놓거나 클릭하여 이미지를 로드할 수 있는 찾아보기 창을 엽니다. 이미지가 로드되면 이미지를 자르거나, 회전하거나, 삭제할 수 있습니다. 이미지를 확대/축소하려면 이미지 아래에서 [확인] 및 [취소] 단추 위에 있는 슬라이드 막대를 사용합니다

• 자르기

  이미지를 자릅니다. 테두리를 끌어서 이미지를 자릅니다.

• 회전

  회전을 계속 클릭하여 이미지를 원하는 대로 회전합니다.

• 지우기
  현재 이미지를 제거합니다.

고급

• 제목

  응용 이미지 구성 요소에서는 이 속성을 사용하지 않습니다.

• 대체 텍스트

  이미지에 사용하는 대체 텍스트.

• 링크 대상

  응용 이미지 구성 요소에서는 이 속성을 사용하지 않습니다.

• 설명

  응용 이미지 구성 요소에서는 이 속성을 사용하지 않습니다.

슬라이드

여기서는 회전판이 작동하는 방식을 지정합니다.

• 재생 속도

  다음 슬라이드를 표시하기 전에 대기할 시간(밀리초 단위)

• 전환 시간

  두 슬라이드 간에 전환하는 데 걸리는 시간(밀리초 단위)

• 컨트롤 스타일

  풀다운 메뉴에서 다양한 옵션을 사용할 수 있습니다. 예를 들어, 이전 / 다음 버튼, 오른쪽 위 스위치

목록

여기서는 회전판에 페이지가 포함되는 방법을 지정합니다.

• 목록 작성 방법

  페이지 목록을 만드는 방법에는 하위 페이지, 고정 목록, 검색 또는 고급 검색(아래에 모두 설명됨)이 있습니다.

  어떤 방법을 선택하든 목록에 포함된 각 페이지에는 이미지가 이미 연결되어 있어야 합니다. 회전판에 표시될 이 이미지입니다. 해당 페이지의 속성 아래에 지정된 페이지에 대한 이미지가 없는 경우 작업을 시작하기 전에 페이지에 이미지를 연결해야 합니다. 그러지 않으면 회전판에 비어 있거나 대부분이 비어 있는 페이지가 표시됩니다. 자세한 내용은 페이지 속성 편집.

  선택한 항목에 따라 새 패널이 나타납니다.

  • 하위 페이지 옵션

    • 상위 페이지
      수동으로 또는 선택기를 사용하여 경로를 지정하십시오. 현재 페이지를 상위 페이지로 사용하려면 비워 두십시오.

  • 고정 목록 옵션

    • 페이지
      페이지 목록을 선택합니다. 사용
      + 항목을 더 추가하려면 위쪽/아래쪽 단추를 눌러 순서를 조정합니다.

  • 검색 옵션

    • 시작 위치

      시작 경로를 수동으로 또는 선택기를 사용하여 입력 시작 위치.

    • 검색 쿼리

      일반 텍스트 검색 쿼리를 입력할 수 있습니다.

  • 고급 검색 옵션

    • QueryBuilder 설명 표기법

      QueryBuilder 설명 표기법을 사용하여 검색 쿼리를 입력할 수 있습니다. 예를 들어 "fulltext=Marketing"을 입력하면 컨텐츠에 "Marketing"이 포함된 모든 페이지를 회전판에 표시할 수 있습니다.

      쿼리 표현식 및 추가적인 예에 대한 전체 논의는 QueryBuilder API를 참조하십시오.

• 정렬 기준

  선택 jcr:title, jcr:created, cq:lastModified, 또는 cq:template 드롭다운 메뉴에서 을 클릭합니다.

• 제한

  회전판에서 사용할 최대 항목 수입니다. 선택 사항입니다.

데이터

• 차트 데이터

  CSV 형식을 사용하여 차트 데이터를 입력합니다. 쉼표 구분 값 형식은 필드 구분 기호로 쉼표(",")를 사용합니다.

고급

• 차트 유형

  파이 차트, 라인 차트, 막대 차트 중에서 선택합니다.

• 대체 텍스트

  차트 대신 표시되는 대체 텍스트입니다.

• 너비

  차트의 픽셀 단위 너비입니다.

• 높이

  차트의 픽셀 단위 높이입니다.

다운로드

• 설명

  다운로드 링크에 표시되는 짧은 설명입니다.

• 파일

  결과 웹 페이지에서 다운로드할 수 있는 파일입니다. Content Finder에서 자산을 드래그하거나 영역을 클릭하여 다운로드할 수 있는 파일을 업로드합니다.

외부

• 대상 애플리케이션

  통합할 웹 애플리케이션의 URL을 지정합니다. 예:

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• 매개 변수 전달

  필요할 때 애플리케이션에 전달될 매개 변수에 대한 확인란을 선택합니다.

• 폭과 높이

  iframe 크기를 정의합니다.

Flash

• Flash 동영상

  Flash 동영상 파일입니다. Content Finder에서 자산을 드래그하거나 을 클릭하여 찾아보기 창을 엽니다.

• 크기

  동영상을 표시할 영역의 픽셀 단위 크기입니다.

대체 이미지

표시할 대체 이미지입니다.

고급

• 컨텍스트 메뉴

  컨텍스트 메뉴를 표시할지 여부를 나타냅니다.

• 창 모드

  창을 표시할 방법(예: 불투명, 투명 또는 별도의 창)을 지정합니다.

• 배경색

  제공된 색상 차트에서 선택한 배경색입니다.

• 최소 버전

  동영상을 재생하는 데 필요한 최소 버전의 Adobe Flash Player. 기본값은 9.0.0입니다.

• 속성

  필요한 기타 속성입니다.

맵

이미지를 매핑하려면 맵을 선택합니다. 이미지 맵을 만들 방법(사각형, 다각형 등)과 영역이 가리킬 대상 위치를 지정할 수 있습니다.

자르기

자르기를 선택하여 이미지를 자릅니다. 마우스를 사용하여 이미지를 자를 수 있습니다.

회전

이미지를 회전하려면 회전을 선택합니다. 이미지가 원하는 방향으로 회전할 때까지 반복적으로 사용합니다.

지우기

현재 이미지를 제거합니다.

제목

이미지의 제목입니다.

대체 텍스트

액세스 가능한 컨텐츠를 만들 때 사용할 대체 텍스트입니다.

링크 대상

웹 사이트 내의 자산 또는 다른 페이지로 이동하는 링크를 만듭니다.

설명

이미지에 대한 설명입니다.

크기

이미지의 높이와 폭을 설정합니다.

목록

• 목록 작성 방법

  여기에서 목록의 내용을 검색할 위치를 지정합니다. 다음과 같은 몇 가지 방법이 있습니다.

• 선택한 항목에 따라 새 패널이 나타납니다.

  • 하위 페이지 옵션

    • 하위(상위 페이지)

      수동으로 또는 선택기를 사용하여 경로를 지정합니다. 현재 페이지를 상위 페이지로 사용하려면 비워 둡니다.

  • 고정 목록 옵션

    • 페이지

      페이지 목록을 선택합니다. 항목을 더 추가하려면 +를 사용하고, 순서를 조정하려면 위쪽/아래쪽 단추를 사용하십시오.

  • 검색 옵션

    • 시작 위치

      시작 경로를 수동으로 또는 선택기를 사용하여 입력 시작 위치.

    • 검색 쿼리

      일반 텍스트 검색 쿼리를 입력할 수 있습니다.

  • 고급 검색 옵션

    • QueryBuilder 설명 표기법

      QueryBuilder 설명 표기법을 사용하여 검색 쿼리를 입력할 수 있습니다. 예를 들어 "fulltext=Marketing"을 입력하면 컨텐츠에 "Marketing"이 포함된 모든 페이지를 회전판에 표시할 수 있습니다.

      쿼리 표현식 및 추가적인 예에 대한 전체 논의는 QueryBuilder API를 참조하십시오.

  • 태그

    상위 페이지, 태그/키워드 ​및 필요한 일치 기준을 지정합니다.

• 다음으로 표시

  항목을 나열할 방법입니다. 링크, 티저 및 뉴스를 포함합니다.

• 정렬 기준

  목록을 정렬할지 여부 및 정렬 기준입니다. 기준을 입력하거나 제공된 드롭다운 목록에서 기준을 선택할 수 있습니다.

• 제한

  목록에 표시할 항목의 최대 개수를 지정합니다.

• 피드 사용

  목록에 대해 RSS 피드를 활성화할지 여부를 지정합니다.

• 페이지의 게시물 수

  여기에서 한 번에 표시할 목록 항목의 수를 지정할 수 있습니다. 지정된 것보다 많은 항목이 있는 목록은 페이지 매김을 사용하여 여러 부분으로 목록을 표시합니다.

로그인

• 섹션 레이블

  입력 필드에 대한 시작 텍스트입니다.

• 사용자 이름 레이블

  사용자 이름 필드에 레이블을 지정하는 텍스트입니다.

• 암호 레이블

  암호 필드에 레이블을 지정하는 텍스트입니다.

• 로그인 단추 레이블

  로그인 단추에 대한 텍스트입니다.

• 리디렉션 대상

  웹 사이트에서 사용자가 로그인한 경우 열려야 하는 페이지를 지정할 수 있습니다.

이미 로그인됨

• 계속 버튼 레이블

  사용자가 이미 로그인되어 있음을 나타내는 텍스트입니다.

제목

• 제목

  표시할 제목 텍스트를 지정합니다.

• 링크

  주문 상태를 표시해야 하는 페이지(제품)를 지정합니다.

• 유형 / 크기

  제공된 선택 사항에서 선택합니다.

단락 참조

• 참조

  참조할 페이지 및 단락(컨텐츠 포함)의 경로를 지정합니다.

검색

• 노드 유형

  검색을 특정 노드 유형으로 제한하려면 여기에 나열합니다. 예: cq:Page

• 검색할 경로

  검색할 분기의 루트 페이지를 지정합니다.

• 검색 단추 텍스트

  실제 검색 단추에 표시되는 이름입니다.

• 통계 텍스트

  검색 결과 위에 표시되는 텍스트입니다.

• 결과 없음 텍스트

  결과가 없으면 여기에 입력한 텍스트가 표시됩니다.

• 맞춤법 검사 텍스트

  유사한 단어를 입력하면 단어 앞에 이 텍스트가 표시됩니다.

  예를 들어 geometrixxe를 입력하면 "추천 단어: geometrixx"가 표시됩니다.

• 유사 페이지 텍스트

  유사한 페이지의 결과 옆에 표시되는 텍스트입니다. 유사한 컨텐츠가 있는 페이지를 보려면 이 링크를 클릭하십시오.

• 관련 검색 텍스트

  연관 검색어 및 주제 검색 옆에 표시되는 텍스트입니다.

• 검색 트렌드 텍스트

  사용자가 입력하는 검색어 위의 제목입니다.

• 결과 페이지 레이블

  이 목록 아래에 표시되는 텍스트로서 다른 결과 페이지로 링크됩니다.

• 이전 레이블

  이전 검색 페이지 링크에 표시되는 이름입니다.

• 다음 레이블

  이후 검색 페이지 링크에 표시되는 이름입니다.

Sitemap

• 루트 경로

  목록을 시작할 경로입니다.

슬라이드

• 새 슬라이드

  추가(및 제거) 단추를 사용하여 일련의 슬라이드를 지정할 수 있습니다.

• 제목

  필요한 경우 제목을 지정합니다. 적절한 슬라이드에 오버레이됩니다.

고급

• 크기

  너비 및 높이를 픽셀 단위로 지정합니다.

표시할 태그

표시할 태그를 가져올 위치. 모든 하위 태그 또는 모든 태그가 있는 페이지에서 선택하십시오.

페이지

참조할 페이지를 선택합니다.

태그에 링크 없음

표시된 태그가 링크로 작동하는지 여부

구성 요소 스타일(스타일)

이미지를 왼쪽 또는 오른쪽으로 정렬할 수 있습니다. 기본값은 왼쪽 정렬로서 이미지를 왼쪽에 맞춥니다.

이미지 속성(고급 이미지 속성)

다음을 지정할 수 있습니다.

• 이미지 자산

  필요한 이미지를 업로드합니다.

• 제목

  블록의 제목입니다. 마우스오버로 표시됩니다.

• 대체 텍스트

  이미지를 표시할 수 없을 때 표시할 대체 텍스트입니다. 비워 두면 제목이 사용됩니다.

• 링크 대상

  대상 경로를 지정합니다.

• 설명

  이미지에 대한 설명입니다.

• 크기

  이미지의 높이와 너비를 설정합니다.

제목
페이지 제목 이외의 이름을 사용하려면 여기에 입력합니다.

링크
제목을 링크로 사용하려는 경우의 URL입니다.

유형/크기
드롭다운 목록에서 작음 또는 큼을 선택합니다. 작음은 이미지로 생성됩니다. 큼은 텍스트로 생성됩니다.

비디오

• 비디오 자산

비디오 자산을 업로드하거나 삭제합니다.

• 크기

  크기 옆의 상자에 비디오의 원래 크기(픽셀 단위 폭 x 높이)가 나타납니다(위 그림 참조). 비디오의 기본 차원을 재정의하려면 여기에 너비와 높이 차원을 수동으로 입력합니다. 클릭 확인 대화 상자를 닫습니다.

열 컨트롤

• 열 레이아웃

  렌더링할 열 개수를 선택합니다. 만들어진 각 열에는 컨텐츠를 추가할 때 구성 요소나 자산을 드래그하기 위한 링크가 생깁니다.

양식

양식 구성 요소는 페이지에서 새 양식의 시작 부분과 끝 부분을 정의합니다. 이러한 요소 사이에 표, 다운로드 등의 다른 구성 요소를 배치할 수 있습니다.

양식 필드 및 요소

양식 필드 및 요소에는 텍스트 상자, 라디오 단추, 이미지 등이 포함될 수 있습니다. 사용자는 양식 필드에서 텍스트 입력 등의 작업을 수행하는 경우가 많습니다. 자세한 내용은 개별 양식 요소를 참조하십시오.

프로필 구성 요소

프로필 구성 요소는 소셜 협업에 사용되는 방문자 프로필 및 방문자 개인화가 필요한 기타 영역과 관련됩니다.

제목 및 텍스트

여기서는 기본 정보(예: 양식의 제목 및 추가 텍스트)를 지정해야 합니다. 적절한 경우 필드를 다중 선택할 수 있는지 여부 및 항목을 선택할 수 있는지 여부 등 다른 주요 정보를 정의할 수도 있습니다.

초기값

기본값을 지정할 수 있습니다.

제한

여기에서 필수 필드인지 여부 및 필드의 제한 조건(예: 숫자여야 함)을 지정할 수 있습니다.

스타일링

필드의 크기 및 스타일을 지정합니다.

제목 및 텍스트

• 요소 이름

  양식 요소의 이름입니다. 저장소 내 데이터가 저장되는 위치를 나타냅니다.

  필수 필드이며 다음 문자만 포함할 수 있습니다.

  • 영숫자
  • _ . / : -

• 제목

  필드에 표시되는 제목입니다. 비워 두면 기본 제목이 표시됩니다.

• 설명

  필요한 경우 사용자에 대한 추가 정보를 제공할 수 있습니다. 양식에서 제목보다 더 작은 글꼴로 필드 아래에 표시됩니다.

• 표시 / 숨기기

  언제 필드를 표시할지 결정합니다.

초기값

• 기본 값

  양식을 열 때 필드에 표시되는 값입니다. 즉, 사용자가 입력을 하기 전에 채워집니다.

제한

• 필수

  이 항목은 양식 구성 요소 유형에 따라 다르지만, 이 필드나 이 필드의 특정 부분이 필수임을 나타내는 클릭 상자를 하나 이상 제공합니다.

• 필수 메시지

  이 필드가 필수임을 사용자에게 알려주는 메시지입니다. 필수 필드는 별표로 표시되기도 합니다.

• 제한

  선택할 수 있는 제한 사항은 양식 구성 요소 유형에 따라 다릅니다.

• 제한 메시지

  사용자에게 필수인 항목을 알려주는 메시지입니다.

스타일링

• 크기

  행 및 열 단위입니다.

• 너비

  픽셀 단위입니다.

• CSS

양식

• 감사 인사 페이지

  방문자의 정보 입력에 대한 감사 인사를 표시하는 참조 페이지입니다. 비워 두면 전송 후 양식이 다시 표시됩니다.

• 워크플로우 시작
  양식 전송 후에 시작되는 워크플로우를 결정합니다.

고급

• 작업 유형
  양식에는 작업이 필요합니다. 작업은 사용자가 제출한 데이터를 사용하여 실행되도록 트리거되는 작업을 정의합니다(HTML의 action=와 비슷함). 경우에 따라 해당 항목이 필요합니다
  작업 구성.

  표준 AEM 설치에는 다양한 작업 유형이 포함되어 있습니다.

  • 계정 요청

  • 컨텐츠 만들기

  • 리드 만들기

  • 계정 만들기 및 업데이트

  • 이메일 서비스: 가입자를 만들고 목록에 추가합니다.

  • 이메일 서비스: 자동 응답자 이메일을 보냅니다.

  • 이메일 서비스: 목록에서 사용자 가입을 취소합니다.

  • 커뮤니티 편집

  • 리소스 편집

  • 워크플로우 제어 리소스 편집

  • 메일

  • 주문 세부 사항

  • 프로필 업데이트

  • 암호 재설정

  • 암호 설정

  • 콘텐츠 저장

    기본 작업 유형입니다.

  • 업로드로 컨텐츠 저장

  • 주문 제출

  • 가입자 가입 해제

  • 주문 업데이트

• 양식 식별자

  양식 식별자는 양식을 고유하게 식별합니다. 단일 페이지에 여러 개의 양식이 있는 경우 양식 식별자를 사용하십시오. 양식마다 각기 다른 식별자가 있어야 합니다.

• 로드 경로

  사전 정의된 값을 양식 필드에 로드하는 데 사용되는 노드 속성의 경로입니다.

  저장소의 노드에 대한 경로를 지정하는 선택적 필드입니다. 이 노드에 필드 이름과 일치하는 속성이 있으면 양식의 해당 필드에 해당 속성의 값이 미리 로드됩니다. 일치하는 항목이 없으면 필드에 기본값이 포함됩니다.

  로드 경로 ​를 사용하여 필수 필드에 값이 있는 양식을 미리 로드할 수 있습니다. 양식 값 미리 로드를 참조하십시오.

• 클라이언트 유효성 검사

  이 양식에 대해 클라이언트 유효성 검사가 필요한지 여부를 나타냅니다(서버 유효성 검사). 항상 발생합니다. 이 작업은 와 함께 수행할 수 있습니다 Forms Captcha 구성 요소.

• 유효성 검사 리소스 유형

  개별 필드가 아닌 전체 양식의 유효성을 검사하려는 경우 양식 유효성 검사 리소스 유형을 정의합니다. 전체 양식의 유효성을 검사하는 경우 다음 중 하나를 포함해야 합니다.

  • 클라이언트 유효성 검사용 스크립트:

    /apps/<myApp>/form/<myValidation>/formclientvalidation.jsp

  • 서버 쪽의 유효성 검사용 스크립트:

    /apps/<myApp>/form/<myValidation>/formservervalidation.jsp

• 작업 구성

  작업 구성 ​에서 사용할 수 있는 옵션은 선택한 작업 유형 ​에 따라 달라집니다.

  • 계정 요청

    • 계정 페이지 만들기

      새 계정을 만들 때 사용되는 페이지입니다.

  • 컨텐츠 만들기

    • 컨텐츠 경로

      양식에 포함된 내용을 저장할 컨텐츠 경로입니다. 슬래시 /로 끝나는 경로를 입력합니다. 즉, 양식을 게시할 때마다 지정된 위치에 새 노드가 만들어집니다(예: /).

      /forms/feedback/

    • 유형

      필요한 유형을 선택합니다.

    • 양식

      양식을 지정합니다.

    • 렌더링

      목록에서 필요한 언어를 선택합니다.

    • 리소스 유형

      설정된 경우 각 주석에 sling:resourceType으로 추가됩니다.

    • 보기 선택기

  • 리드 만들기

    • 리드가 이 목록에 추가됩니다.

      필요한 리드 목록을 지정합니다.

  • 계정 만들기 및 업데이트

    • 초기 그룹

      새 사용자를 지정할 그룹입니다.

    • 홈

      로그인 성공 후 표시할 페이지입니다.

    • 경로

      새 계정을 만들고 저장하는 위치에 대한 경로(상대적)입니다.

    • 데이터 보기…

      벌크 편집기에서 양식 결과에 대한 정보에 액세스하려면 이 단추를 클릭하십시오. 여기에서 정보를 .tsv(탭으로 구분) 파일로 내보낼 수 있습니다(예를 들면 Excel 스프레드시트에서 사용하기 위해).

  • 메일

    • 시작

      이메일을 보낼 이메일 주소를 입력합니다.

    • 수신자

      양식을 보낼 이메일 주소를 입력합니다.

    • 참조

      참조 이메일 주소를 입력합니다.

    • 숨은 참조

      숨은 참조 이메일 주소를 입력합니다.

    • 제목

      전자 메일의 제목을 입력합니다.

  • 암호 재설정

    • 암호 변경 페이지

      암호를 변경할 때 사용하는 페이지입니다.

  • 콘텐츠 저장

    • 컨텐츠 경로

      양식에 포함된 내용을 저장할 컨텐츠 경로입니다. 슬래시 /로 끝나는 경로를 입력합니다. 즉, 양식을 게시할 때마다 지정된 위치에 새 노드가 만들어집니다(예: /).

      /forms/feedback/

    • 데이터 보기…

      벌크 편집기에서 양식 결과에 대한 정보에 액세스하려면 이 단추를 클릭하십시오. 여기에서 정보를 .tsv(탭으로 구분) 파일로 내보낼 수 있습니다(예를 들면 Excel 스프레드시트에서 사용하기 위해).

  • 업로드로 콘텐츠 저장

    여기에 컨텐츠 저장 ​과 동일한 옵션이 있습니다.

  • 가입자 가입 해제

    • 리드가 이 목록에서 삭제됩니다.

      필요한 리드 목록을 지정합니다.

양식 끝

• 전송 단추 표시

  전송 단추를 표시할지 여부를 나타냅니다.

• 전송 이름

  양식에 전송 단추가 여러 개인 경우에 사용할 식별자입니다.

• 전송 제목

  단추에 표시되는 이름(예: 전송 또는 보내기)입니다.

• 재설정 단추 표시

  재설정 버튼을 표시하려면 확인란을 선택합니다.

• 재설정 제목

  재설정 단추에 표시되는 이름입니다.

• 설명

  단추 아래에 표시되는 정보입니다.

태그 필드

• 허용되는 네임스페이스

  • Geometrixx Outdoors
  • 워크플로우
  • 포럼
  • 스톡 사진
  • Geometrixx Media
  • 표준 태그
  • 마케팅
  • 자산 속성

• 폭(픽셀 단위)

• 팝업 크기