Wix 說明
首頁
文章庫
建立網站
使用 Wix 編輯器
管理頁面和選單
選單

Wix 編輯器：自訂橫向選單設計

7 分鐘
自訂選單設計、變更色彩以搭配網站外觀，或選擇新的字型大小、樣式等。
您可調整選單和下拉式選單，並為選單項目的 3 種狀態設定不同設計：一般、浮動和目前頁面。
重要：
  • 本文僅適用於新增面板中的橫向選單，不適用於可新增至網站的主題選單。
  • 設計選項會依所選的預設格式而異。

自訂選單容器

選單容器是項目周圍的空間。
您可使用邊框和填滿等選項來設計容器，打造吸睛的選單。

自訂選單容器：

  1. 在編輯器中選擇選單。
  2. 點擊「設計」圖示。
  3. 點擊「自訂設計」。
  4. 點擊「要設計什麼？」下方的「選單容器」，並使用選項自訂容器。
    • 背景填滿：
      • 點擊色彩方塊，選擇選單容器的色彩。
      • 拖曳滑桿以調整不透明度。
    • 邊框：
      • 點擊色彩方塊，選擇邊框色彩。
      • 點擊下拉式選單，選擇邊框樣式。
      • 點擊「鎖定」／「解除鎖定」圖示 ，選擇邊框各邊的大小要相同或不同。
      • 在方塊中輸入像素數值，即可變更邊框大小。
    • 邊角：
      • 點擊「鎖定」／「解除鎖定」圖示 ，選擇各邊角的大小要相同或不同。
      • 在方塊中輸入像素數值，即可變更邊角半徑。
    • 陰影：
      • 點擊「新增陰影」，即可為容器新增陰影。
      • 拖曳滑桿以調整陰影的不透明度。
      • 點擊方塊以自訂陰影：
        • 點擊色彩方塊，選擇陰影色彩。
        • 選擇外部或內部陰影類型。
        • 在方塊中輸入角度。
        • 拖曳滑桿，增加或減少容器與陰影之間的距離。
        • 使用滑桿調整陰影的模糊程度。
        • 拖曳滑桿，增加或減少陰影大小。
    • 版面配置 ：
      • 點擊「鎖定」／「解鎖」圖示 ，選擇各邊距使用相同或不同的大小。
      • 在方塊中輸入像素數字，即可變更邊距大小。
「選單設計」面板旁的橫向選單，點擊「背景填滿」索引標籤中的色彩方塊

自訂選單項目

調整網站選單中各項目的顯現方式。
自訂設計，讓選單保持簡潔俐落，吸引網站訪客點擊並探索網站。

自訂選單項目：

  1. 在編輯器中選擇選單。
  2. 點擊「設計」圖示。
  3. 點擊「自訂設計」。
  4. 在「要設計哪個部分？」下選擇「選單項目」。
  5. 選擇要設計一般、游標停駐或目前頁面模式下的項目，並使用索引標籤自訂項目。
    • 背景填滿：
      • 色彩：點擊色彩方塊，為項目選擇色彩。
      • 不透明度：拖曳滑桿即可調整不透明度。
    • 文字：
      • 主題：從下拉式選單中選擇文字主題。
      • 字型：從下拉式選單中選擇字型。
      • 字型大小：拖曳滑桿即可放大或縮小文字。
      • 格式：使用選項設定項目文字格式，例如粗體、斜體和底線。也可選擇文字色彩、文字邊框和醒目提示。
      • 字元間距：拖曳滑桿即可增加或減少文字字元之間的間距。
      • 陰影：為項目文字新增及自訂陰影。
    • 邊框：
      • 鎖定：點擊「鎖定」／「解除鎖定」圖示，選擇邊框各邊的大小要相同或不同。
      • 大小：在方塊中輸入像素數值，即可變更邊框大小。
    • 圓角：
      • 鎖定：點擊「鎖定」／「解除鎖定」圖示，選擇各圓角的大小要相同或不同。
      • 大小：在方塊中輸入像素數值，即可變更圓角半徑。
    • 陰影：
      • 新增陰影：點擊「新增陰影」，即可為容器新增陰影。
      • 不透明度：拖曳滑桿即可調整陰影的不透明度。
      • 自訂：點擊方塊，使用以下選項自訂陰影：
        • 點擊色彩方塊，選擇陰影色彩。
        • 選擇外陰影或內陰影。
        • 在方塊中輸入角度。
        • 拖曳滑桿，增加或減少容器與陰影之間的距離。
        • 使用滑桿調整陰影的模糊程度。
        • 拖曳滑桿，增加或減少陰影大小。
「選單設計」面板旁的橫向選單，並點擊「文字」索引標籤中的「字型」下拉式選單

自訂下拉式選單容器

自訂下拉式選單容器，以獨特精緻的方式顯示下拉式選單項目。
可採用與主選單相似的設計，也可運用截然不同的設計吸引網站訪客。

若要自訂下拉式選單容器：

  1. 在編輯器中選擇選單。
  2. 點擊設計圖示。
  3. 點擊「自訂設計」。
  4. 在「想要設計哪個部分？」下方選擇下拉式選單的選單容器，並使用選項調整設計。
    • 背景填滿：
      • 點擊色彩方塊，為選單容器選擇色彩。
      • 拖曳滑桿以調整不透明度。
    • 框線：
      • 點擊色彩方塊，為框線選擇色彩。
      • 點擊下拉式選單，選擇框線樣式。
      • 點擊鎖定／解鎖圖示 ，選擇框線各邊使用相同或不同的尺寸。
      • 在欄位中輸入像素數值，變更框線尺寸。
    • 圓角：
      • 點擊鎖定／解鎖圖示 ，選擇各圓角使用相同或不同的尺寸。
      • 在欄位中輸入像素數值，變更圓角半徑。
    • 陰影：
      • 點擊「新增陰影」，為容器新增陰影。
      • 拖曳滑桿以調整陰影的不透明度。
      • 點擊方塊以自訂陰影：
        • 點擊色彩方塊，為陰影選擇色彩。
        • 選擇外部或內部陰影。
        • 在欄位中輸入角度。
        • 拖曳滑桿，增加或減少容器與陰影之間的距離。
        • 使用滑桿調整陰影的模糊程度。
        • 拖曳滑桿，增加或減少陰影尺寸。
    • 版面配置：
      • 點擊「鎖定」／「解除鎖定」圖示 ，選擇要將邊距設為相同或不同大小。
      • 在方塊中輸入像素數值，即可變更邊距大小。
「選單設計」面板旁的橫向選單，面板中已選擇下拉式選單容器

自訂下拉式選單項目

將下拉式選單項目新增至選單後，即可使用提供的選項變更項目設計。您可編輯文字設定、新增陰影等，使其符合網站的外觀和形象。
注意：
只有將項目新增至下拉式選單後，才能使用自訂選項。

若要自訂下拉式選單項目：

  1. 在編輯器中選擇選單。
  2. 點擊「設計」 圖示。
  3. 點擊「自訂設計」。
  4. 選擇「下拉式選單」的「選單項目」，此選項位於「要設計什麼？」下方。
  5. 選擇要設計一般、游標暫留或目前頁面模式下的項目，然後點擊各索引標籤來自訂項目。
    • 背景填色 ：
      • 色彩：點擊色彩方塊，為項目選擇色彩。
      • 不透明度：拖曳滑桿以調整不透明度。
    • 文字 ：
      • 主題：從下拉式選單中選擇文字主題。
      • 字型：從下拉式選單中選擇字型。
      • 字型大小：拖曳滑桿以放大或縮小文字。
      • 格式：使用選項設定項目文字的格式，例如粗體、斜體和底線。也可選擇文字、文字邊框和醒目提示的色彩。
      • 字元間距：拖曳滑桿以增加或減少文字字元之間的間距。
      • 陰影：為項目文字新增並自訂陰影。
    • 邊框 ：
      • 鎖定：點擊 鎖定／解除鎖定圖示 ，選擇邊框各邊要使用相同或不同的尺寸。
      • 尺寸：在方塊中輸入像素數值，即可變更邊框尺寸。
    • 圓角 ：
      • 鎖定：點擊 鎖定／解除鎖定圖示 ，選擇各圓角要使用相同或不同的尺寸。
      • 尺寸：在方塊中輸入像素數值，即可變更圓角半徑。
    • 陰影 ：
      • 新增陰影：點擊「新增陰影」，為容器新增陰影。
      • 不透明度：拖曳滑桿以調整陰影的不透明度。
      • 自訂：點擊方塊，即可使用以下選項自訂陰影：
        • 點擊色彩方塊，選擇陰影色彩。
        • 選擇外陰影或內陰影類型。
        • 在欄位中輸入角度。
        • 拖曳滑桿，增加或減少容器與陰影之間的距離。
        • 使用滑桿調整陰影的模糊程度。
        • 拖曳滑桿，增加或減少陰影大小。
「選單設計」面板旁的橫向選單，面板中已選擇「下拉式選單項目」