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

1. 點擊編輯器左上方的「＋新增」。
2. 選擇「選單」類別。
   提示：點擊類別旁的「箭頭」圖示 ，即可瀏覽清單。
3. 選擇「漢堡選單」索引標籤。
4. 將所需選單拖放到頁面上的指定位置。

1. 點擊相關選單。
2. 點擊操作列上的「變更格式」。
3. 在「選單」下方選擇「漢堡選單」。

1. 點擊操作列上的「自訂圖示」。
2. 選擇靜態或動畫圖示。
   提示：點擊「建立動畫圖示」，即可使用起始和結束圖示自行建立動畫圖示。
3. 點擊「取代」圖示 （位於「選擇圖示」下方）。
4. 從媒體管理員選擇新圖示，然後點擊「更新」。
5. （動畫圖示）設定動畫的持續時間。

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

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

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

   • 開啟按鈕：設計按鈕整體──填滿色彩、邊框、角落、陰影、間距、對齊方式等。

   • 文字：調整漢堡選單按鈕上圖示旁所顯示文字的設計和格式。

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

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

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

2. 確認「漢堡選單」已在「選擇設計項目」下選取。

3. 設計容器：

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

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

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

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

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

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

1. 點擊選單。

2. 選擇下一步操作：

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

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

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

1. 點擊操作列上的「自訂圖示」。
2. 選擇圖示為靜態或動畫。
   提示：可點擊「建立動畫圖示」，使用開始和結束圖示自行建立動畫圖示。
3. 點擊「選擇圖示」下方的「取代」圖示 。
4. 從媒體管理員選擇新圖示，然後點擊「更新」。
5. （動畫圖示）設定動畫的持續時間。

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

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

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

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

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