header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:使用編輯器工具列調整元件

編輯器工具列可讓您輕鬆使用各種工具,快速調整網站的版面配置和元件。只要透過同一個工具列,即可排列、對齊、調整大小及放置元件。

使用編輯器工具列排列元件

您可使用編輯器工具列向前或向後移動元件。編輯器由多個圖層組成,元件可能位於其他元件的後方或前方,導致元件無法正常運作。向前或向後移動元件,即可變更元件位置。

若要排列元件:

  1. 點擊元件。
  2. 點擊工具列上的「排列」 圖示
  3. 選擇選項:
    • 向前移動:將元件向前移動一個圖層。
    • 向後移動:將元件向後移動一個圖層。
    • 移至最上層:將元件移至最上層。
    • 移至最下層:將元件移至最下層。
編輯器中的工具列。元件的排列圖示已醒目提示。
注意:
您也可以使用右鍵選單排列元件。點擊此處即可了解更多資訊。

使用編輯器工具列對齊元件

只要點擊幾下,即可使用編輯器工具列精準對齊網站上的元件。Wix 會根據所選的對齊方式,自動朝該方向對齊所有元件。

若要對齊元件:

  1. 拖曳游標框選要對齊的元件,即可多選
  2. 點擊編輯器工具列上的「對齊」圖示
  3. 點擊對齊選項:
    • 靠右對齊
    • 置中對齊
    • 靠左對齊
    • 靠下對齊
    • 垂直置中對齊
    • 靠上對齊
編輯器中的工具列。元件的對齊圖示會以醒目提示顯示。
注意:
也可使用編輯器工具列的對齊功能,單獨對齊一個元件。元件會在所在的容器內對齊(例如頁面、頁首或方塊)。

使用編輯器工具列調整元件大小

您可在編輯器工具列中變更寬度和高度數值,精確調整元件大小。

若要調整元件大小:

  1. 點擊元件。
  2. 「W」欄位中輸入數字,即可變更寬度。
  3. 「H」欄位中輸入數字,即可變更高度。
編輯器中的工具列。元件的大小欄位會以醒目提示顯示。
提示:
若要檢查元件的確切高度和寬度,請點擊元件,並在編輯器工具列中查看大小。
注意:
也可使用伸展把手調整元件大小,但這種方法較不精確。

使用編輯器工具列定位元件

在編輯器工具列中變更 X 和 Y 數值,即可在頁面上精確定位元件。Y 代表元件在編輯器中的垂直位置,而X 代表元件的橫向位置。

若要定位元件:

  1. 點擊元件。
  2. 在編輯器工具列的 X 和 Y 旁輸入新數值,每輸入一個值後按下 Enter 鍵
編輯器中的工具列。元件的位置欄位已醒目提示。
小提示:
若要讓多個元件沿橫向或垂直軸對齊,只要將所有元件的 xy 值設為相同即可。也可拖曳元件,直到 Wix Smart Guide(紫線)顯示元件已對齊。


編輯器工具列的元件旋轉功能

可在編輯器工具列輸入旋轉角度,精準旋轉元件。這是將頁面元件精準旋轉至所需角度的簡單方法。

使用編輯器工具列旋轉元件:

  1. 點擊編輯器中的相關元件。
  2. 在工具列的旋轉圖示 旁輸入旋轉角度。
  3. 按下鍵盤上的 Enter 鍵。
編輯器中的工具列。旋轉圖示和欄位已醒目提示。