Wix Harmony 編輯器：使用漢堡選單

1. 點擊編輯器左上方的「+ 新增」。

2. 選擇「元件」。

3. 點擊左側的「選單與搜尋」圖示 。

4. 選擇「漢堡選單」標籤。

5. 將相關選單拖放到頁面上的所需位置。

1. 點擊相關選單。

2. 點擊操作列上的「變更版面配置」。

3. 在「選單」下方選擇「漢堡選單」。

4. 

1. 點擊操作列上的「自訂選單圖示」。

2. 選擇「靜態」或「動畫」圖示。
   提示：可點擊「建立新的動畫圖示」，使用起始和結束圖示建立自訂動畫圖示。

3. 點擊「取代」圖示 ，此圖示位於「選擇圖示」下方。

4. 從媒體管理員選擇新的圖示，再點擊「更新」。

5. （僅適用於動畫圖示）設定動畫的持續時間。

   

1. 點擊操作列上的「設定」圖示 。
2. 選擇後續操作：
   • 輸入要顯示在按鈕圖示旁的文字（例如「選單」、「開啟」）。
   • 取代訪客點擊以開啟選單的圖示。
   • 新增可向搜尋引擎和螢幕助讀程式說明圖示的無障礙名稱（替代文字）。

1. 點擊操作列上的「所有設計選項」圖示 。

2. 在「選擇設計項目：」下方選擇按鈕的相關部分。

   • 開啟按鈕：設計整個按鈕，包括填滿色彩、邊框、圓角、陰影、間距、對齊方式等。

   • 文字：控制漢堡選單按鈕上圖示旁文字的設計和格式。

   • 動畫圖示：變更圖示的色彩、大小和旋轉角度。

自訂選單所在的容器。變更背景色彩、新增框線、調整選單位置，以及進行更多設定。

1. 點擊操作列上的「所有設計選項」圖示 。

2. 確認已在「選擇要設計的內容」下選擇「漢堡選單」。

3. 設計容器：

   • 填滿色彩：變更容器的背景色彩和覆蓋層色彩，可選擇品牌色彩或自訂色彩。
     提示：覆蓋層是半透明圖層，可模糊頁面，讓訪客專注於選單。

   • 框線：設定容器的框線，並選擇色彩、寬度和樣式，讓容器更加醒目。點擊「逐一編輯框線」圖示 即可分別設計各側框線。

   • 邊角：拖曳「半徑」下方的滑桿，讓容器邊角更方正或圓潤。點擊「逐一編輯邊角」圖示 即可分別設計各個邊角。

   • 陰影：套用內陰影和外陰影，並設定位置、模糊程度、色彩等，為容器增添別具一格的 3D 效果。

   • 間距：在容器周圍新增邊距，讓內容保有適當的留白空間。

   • 版面配置：決定所有內容的位置，包括關閉按鈕、容器內的選單，以及容器相對於頁面的位置。也可選擇容器占用的空間大小（例如頁面的三分之一、一半等）。

1. 點擊選單。

2. 選擇後續操作：

   • 管理選單項目：點擊操作列上的「管理選單」，即可新增、重新排序或移除選單項目。

   • 設計選單：點擊操作列上的「所有設計選項」圖示 。選擇要設計的內容──選單項目（例如字型、文字色彩、間距）或選單列（例如背景色彩、項目寬度、選單項目之間的間距）。

1. 點擊操作列上的編輯文字。
2. 輸入要顯示在圖示旁的文字（例如「離開」、「關閉」）。

1. 點擊操作列上的自訂圖示。

2. 選擇圖示要設為靜態或動態。
   提示：可點擊建立新的動態圖示，使用開始與結束圖示自行建立動態圖示。

3. 點擊「取代」圖示 （位於選擇圖示下方）。

4. 從媒體管理員選擇新圖示，然後點擊更新。

5. （僅限動態圖示）設定動畫的持續時間。

1. 點擊操作列上的所有設計選項圖示 。

2. 在選擇要設計的部分下方選擇元件的相關部分：

   • 「關閉」按鈕：設計整個按鈕，包括填滿色彩、框線、圓角、陰影、間距、對齊方式等。如果按鈕同時包含圖示和文字，也可調整兩者的位置。

   • 圖示：變更圖示的大小、色彩和角度。

   • 文字：設計顯示在圖示旁的文字。可變更字型、格式、對齊方式、字元間距等。