Wix Blocks: 패널 요소
4 분 분량
Wix Blocks는 모든 Wix Studio 사용자가 사용할 수 있습니다. Blocks에 액세스하려면, Wix Studio에 가입하세요.
Blocks 사용자 지정 패널은 고유한 패널 요소로 구성됩니다. 위젯 코드에서 패널 요소를 사용하려면, 패널 탭의 코드 섹션으로 이동합니다. Velo의 $w() 함수를 사용해 ID별로 요소를 선택하세요.
1let myElement = $w("#myElement");패널 요소 API 레퍼런스
패널 요소 API 레퍼런스를 사용해 패널 코드의 요소로 작업할 수 있습니다. 이는 Velo API 레퍼런스의 임시 미리보기이며, 아직 Blocks의 초기 사용자에게만 공개되었습니다.
패널 Velo 모듈
패널 요소가 위젯과 상호 작용하고 에디터에서 작업을 수행할 수 있도록 하려면 패널 코드에 다음 모듈을 사용하세요.
- wix-widget: 위젯의 속성, 디자인 프리셋 등을 제어합니다.
- wix-editor: 에디터와 상호 작용해 위젯 요소를 제거 또는 복원하고 대시보드 패널을 여는 등의 작업을 수행합니다.
패널 요소
다음 패널 요소를 패널에서 사용할 수 있습니다. Blocks 에디터와 패널의 코드 섹션 내 Velo 코드를 통해 요소를 사용자 지정할 수 있습니다. 모든 패널 요소가 작동하려면 코드가 필요합니다.
패널 슬라이더
슬라이더를 사용하면 사용자가 지정된 범위에서 숫자를 선택할 수 있습니다.
패널 섬네일
섬네일을 사용하면 사용자가 섬네일 이미지 세트에서 아이템을 선택할 수 있습니다.
패널 버튼
패널의 버튼입니다.
패널 체크상자 그룹
체크상자 그룹은 주어진 옵션을 원하는 만큼 선택하는 데 사용됩니다.
패널 드롭다운
드롭다운은 여러 옵션 중 하나를 선택하는 데 사용됩니다.
패널 라디오 버튼 그룹
라디오 버튼 그룹은 여러 옵션 중 하나를 선택하는 데 사용됩니다.
패널 텍스트
텍스트 요소("리치 텍스트"라고도 함)는 텍스트 뒤에 링크를 표시하는 데 사용됩니다.
패널 텍스트 입력
사용자가 소량의 텍스트를 입력할 수 있는 입력 요소입니다.
패널 토글 스위치
토글 스위치는 단일 이진 선택에 사용됩니다.
패널 섹션 구분선
섹션 구분선은 패널에 섹션 제목을 표시합니다.
패널 색상 입력
색상 선택기를 사용하면 사이트 빌더가 하나 또는 여러 요소의 색상을 선택할 수 있습니다.
모드에서는 색상을 테스트할 수 없습니다. 색상을 테스트하려면, 사이트에 앱을 설치하세요.
액션 버튼에 연결할 경우, Wix Studio 에디터에서 제대로 작동하지 않습니다. 대신 디자인 변경 이라는 기본 작업을 생성할 수 있습니다(패널 글꼴 및 색상 입력
글꼴 및 색상 선택기를 사용하면 사이트 빌더가 글꼴 및 색상을 선택할 수 있습니다.
도움이 되었나요?
|