header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:使用編輯工具

3 分鐘
Wix 編輯器提供多種內建工具,讓設計過程更快速且精確。您可在編輯器右上角的工具面板中找到這些功能。
Wix 編輯器工具面板的特寫螢幕截圖。

使用編輯器工具列

Wix 編輯器工具列可協助快速執行基本操作。使用工具列即可複製、貼上、複製或刪除頁面上的元件。您也可以調整元件設定,例如 大小、位置和對齊方式
從工具面板啟用工具列後,即可在編輯器右側找到該工具。

若要啟用工具列:

  1. 前往編輯器
  2. 點擊編輯器右上角的工具
  3. 勾選工具列核取方塊。
編輯器工具螢幕截圖,其中強調顯示工具列。
提示:
  • 透過拖放方式將編輯器工具列移動至頁面上的任何位置,方便操作。
  • 點擊編輯器頂部的「隱藏控制項」箭頭 ,即可隱藏/顯示工具列與編輯器選單(例如左側與頂部選單)。深入了解隱藏控制項功能

使用圖層面板

「圖層」面板會顯示頁面上的所有元件。面板依頁面的主要部分(頁首、頁面和頁尾)劃分,方便輕鬆找到所需的元件。
啟用圖層面板後,該面板會以浮動面板形式顯現,您可將其拖曳至編輯器內的任何位置。點擊編輯器左下角的圖層圖示 即可啟用。
編輯器中的圖層面板。圖示已強調顯示。

使用橫向與垂直尺規

使用橫向和垂直尺規即可在網站上精確放置元件。將元件放置在特定地點(以像素為單位),並新增輔助線來協助標記這些位置。
從工具面板啟用尺規後,即可看到頂部的橫向尺規與右側的垂直尺規。

若要啟用尺規:

  1. 前往編輯器
  2. 點擊編輯器右上角的工具
  3. 勾選尺規核取方塊。
編輯器工具列螢幕截圖,其中已強調尺規。

使用格線

格線是編輯器內的虛線,可協助正確建立網站版面配置。垂直格線特別有用,因為它們會顯示頁面在平板和較小裝置上的極致寬度。
使用格線即可確保內容在各種可能的畫面尺寸上皆清晰可見。您可根據需求隨時啟用或停用格線。瞭解更多關於編輯器格線的資訊

若要啟用格線:

  1. 前往編輯器
  2. 點擊編輯器右上角的工具
  3. 勾選格線核取方塊。
編輯器工具面板螢幕截圖,其中強調顯示格線。

使用貼齊物件工具

「貼齊物件」工具可協助您以極高準確度將元件彼此相連。
拖曳元件時會顯現紫色線條,用以標記該頁面上其他元件的邊框。當決定放置正在拖曳的元件時,元件會「貼齊」至 5 像素範圍內的標記。

若要啟用貼齊物件:

  1. 前往編輯器
  2. 點擊編輯器右上角的工具
  3. 勾選貼齊物件核取方塊。
在編輯器中使用貼齊物件工具的 GIF 影片。