Wix Blocks: 위젯의 액션바 버튼에 대한 사용자 지정 패널 디자인하기

Blocks를 사용하면 위젯 및 해당 요소의 액션바에 대한 사용자 지정 패널을 생성할 수 있습니다. 사이트 제작자가 액션 버튼(예: 설정 버튼)을 클릭하면 기본 패널 대신 사용자 지정 패널이 열립니다. 

사용자 지정 패널을 생성하면 사이트 제작자가 다양한 옵션으로 위젯을 사용하고 사용 편의성을 높이고 사이트에서 더 쉽게 사용자 지정할 수 있습니다.

패널 생성에는 세 가지 주요 단계가 있습니다.

1. 패널을 디자인합니다.

2. 패널에 코드를 추가해 작동하도록 합니다.

3. 액션 버튼에 패널을 연결합니다.  

두 가지 방법으로 패널을 추가할 수 있습니다.

패널은 버튼, 구분선, 입력란 등의 패널 요소로 구성됩니다. 

+ 요소 추가를 클릭해 패널에 추가할 요소를 선택합니다. 동일한 요소를 필요한 만큼 추가할 수 있습니다. 라벨 텍스트 및 스타일을 사용자 지정하고 기본값 및 값을 설정할 수 있습니다. 

패널의 요소에는 여러 사용자 지정 옵션이 있습니다. 라벨 텍스트를 변경하고, 툴팁을 추가하고, 기본값 및 값을 설정할 수 있습니다. 각 요소에 연결된 액션바를 사용해 이를 수행할 수 있습니다.

요소를 클릭합니다. 설정 또는 아이콘을 선택해 패널을 사용자 지정합니다. 다음은 몇 가지 옵션입니다.

체크 상자, 라디오 버튼 또는 드롭다운 목록과 같이 여러 옵션이 있는 요소를 추가하기로 선택한 경우, 요소 선택 시 표시되는 액션바에서 선택지 관리 버튼을 사용해 구성할 수 있습니다.

패널을 디자인한 후에는 작동을 위해 코드를 추가해야 합니다. 그 다음, 액션 버튼에 추가하고 작동하는지 테스트할 수 있습니다. 패널 코딩에 대한 자세한 도움말을 확인하세요.

패널을 생성한 후에는 위젯 또는 요소의 액션바에 있는 버튼에 연결해야 합니다.  

5. 내 패널 섹션에서 패널을 선택합니다. 

패널을 디자인했으므로 이제 작동을 위한 코드를 추가해야 합니다.