Bubble.io에서 접을 수 있는 메뉴를 어떻게 추가하나요?

단계 1: Bubble 플러그인 마켓플레이스에서 Slidable Menu Plugin을 설치합니다.

단계 2: 페이지에 Slidable Menu 요소를 추가합니다. 하나의 페이지에는 Slidable Menu 요소가 하나만 있어야 한다는 것을 기억하세요.

단계 3: 메뉴가 제공해야 할 각 옵션을 입력하여 Slidable Menu 옵션을 설정합니다. 각 행은 다른 메뉴 옵션을 나타냅니다.

단계 4: 워크플로우 액션에서 'Element's current option'을 참조하여 사용자가 각 옵션을 선택했을 때 트리거될 워크플로우를 설정합니다.

단계 5: 메뉴가 어느 쪽에서 슬라이드될지 결정합니다. 메뉴가 왼쪽 또는 오른쪽에서 나타나게 설정할 수 있습니다.

단계 6: 메뉴 버튼에 표준 아이콘을 사용하려면 'Show an icon' 옵션을 체크합니다. 사용자 지정 이미지를 사용하려면 이 옵션을 선택 취소하고, 요소의 배경 스타일에 'Image'를 선택한 다음 원하는 이미지를 업로드합니다.

단계 7: 'Icon color' 옵션에서 색상을 선택하여 메뉴 아이콘의 모양을 사용자 정의합니다.

단계 8: 메뉴가 열렸을 때 메뉴의 원하는 폭을 픽셀 단위로 입력하여 'Menu width'를 정의합니다.

단계 9: 'Distance from top' 설정을 조정하여 화면에서 메뉴를 수직으로 배치하는 위치를 정합니다.

요약하면, 이 가이드는 Bubble.io에서 Slidable Menu Plugin을 사용하여 접을 수 있는 메뉴를 추가하고 설정하는 과정을 안내합니다. 메뉴의 제공 옵션, 외관, 위치, 아이콘 등을 웹 애플리케이션의 디자인과 기능에 맞게 사용자 정의할 수 있습니다.