Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
캘린더에 추가 구성요소를 사용하면 사용자가 캘린더에 일정 알림을 추가할 수 있습니다. 이 구성요소는 Google, Yahoo 및 Windows Live 캘린더는 물론 iCalendar 형식까지 지원합니다.
Safari 데스크톱 버전은 iCalendar 다운로드를 지원하지 않습니다.
지원되는 캘린더 유형 중 하나에만 또는 여러 유형에서 작동하도록 구성요소를 구성할 수 있습니다. 여러 유형을 허용하는 경우 사용자가 드롭다운 메뉴에서 캘린더를 선택할 수 있게 됩니다. 하나의 캘린더 유형만 허용하는 경우에는 구성요소가 캘린더를 즉시 열거나 iCalendar 이벤트를 다운로드합니다.
프로젝트에서 캘린더에 추가 구성요소를 사용하는 방법:
- 구성요소 패널에 이어 날짜/시간 폴더를 엽니다.
- 캘린더에 추가
구성요소를 스테이지로 드래그합니다.
- 속성 패널의 캘린더에 추가 속성 섹션에서 일정 이름, 시작 및 종료 시점을 입력합니다.
- 기본적으로 구성요소는 투명하게 표시됩니다. 사용자가 구성요소를 활성화하려면 어디를 클릭해야 하는지 알 수 있도록 시각적 요소 위에 배치할 수 있습니다.
속성
| 속성 | 설명 |
|---|---|
| 이름 | 요소의 이름입니다. |
| 이벤트 | 사용자에 캘린더에 표시되는 이벤트 이름입니다. 동적 데이터에 결합될 수 있습니다. |
| 시작일 | 이벤트가 시작되는 날짜입니다. 동적 데이터에 결합될 수 있습니다. |
| 시작 시간 | 이벤트가 시작되는 시간입니다(24시간 단위). 동적 데이터에 결합될 수 있습니다. |
| 종료일 | 이벤트가 종료되는 날짜입니다. 동적 데이터에 결합될 수 있습니다. |
| 종료 시간 | 이벤트가 종료되는 시간입니다(24시간 단위). 동적 데이터에 결합될 수 있습니다. |
| 시간대 | (선택사항) 이벤트의 시간대입니다. 이 속성을 설정하면 사용자가 다른 시간대에 있을 때 사용자 위치에 맞춰 시간이 조정됩니다. 동적 데이터에 결합될 수 있습니다. |
| 위치 | (선택사항) 이벤트의 위치입니다. 동적 데이터에 결합될 수 있습니다. |
| 설명 | (선택사항) 이벤트에 대한 설명입니다. 동적 데이터에 결합될 수 있습니다. |
| 캘린더 유형 |
지원되는 캘린더 유형:
여러 유형을 선택하는 경우 사용자가 구성요소를 클릭한 후 드롭다운 메뉴에서 한 가지 유형을 선택하게 됩니다. 한 가지 유형을 선택하는 경우에는 구성 요소 클릭 시 캘린더가 열리거나 iCalendar 파일이 다운로드됩니다. |
고급 속성
고급 속성을 사용하면 여러 캘린더 유형을 선택했을 때 드롭다운 메뉴가 어떻게 표시될지를 맞춤설정할 수 있습니다. 고급 속성을 표시하려면 구성요소 속성 창에서 고급 속성의 확장 아이콘 을 클릭하세요.
| 고급 속성 | 설명 |
|---|---|
| 배경색 | 드롭다운 메뉴에 사용되는 배경색입니다. |
| 글꼴 색상 | 드롭다운 메뉴에 사용되는 글꼴 색상입니다. |
| 글꼴 이름 | 드롭다운 메뉴에 사용되는 글꼴입니다. |
| 글꼴 크기 | 드롭다운 메뉴에 사용되는 글꼴 크기입니다. |
| 글꼴 두께 | 드롭다운 메뉴에 사용되는 글꼴 굵기입니다. |
| 강조표시 색상 | 드롭다운 메뉴에서 사용자의 선택 항목에 사용되는 강조표시 색상입니다. |
미리보기
Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 