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

Wix 編輯器:使用編輯器格線

格線是編輯器內的點狀線,可協助確保訪客在各種畫面尺寸下都能看到內容。請將所有元件放在格線之間,避免在較小的裝置上出現顯示問題(例如元件遭到裁切)。
格線只會顯示在編輯器內,若不想顯示,也可隨時停用。

格線運作方式

訪客不會在已上線的網站上看到格線。格線可作為參考,協助規劃及設計網站。
請務必將所有內容放在垂直格線內,讓內容在不同瀏覽器和裝置上都能顯示。放在垂直格線外的元件,可能會在平板和較小的畫面上遭到裁切。

全寬度元件

即使看起來無法放入格線之間,仍可在頁面上放置帶狀圖片圖庫等全寬度元件。不過,請務必將重要內容(例如文字、按鈕等)放在垂直格線內。
提示:
格線內的頁面寬度固定為 980 像素。頁面高度不取決於格線,而是取決於頁面內容。

編輯器格線的啟用與停用

可直接透過編輯器頂端列啟用或停用格線。只要在工具下拉式選單中選擇或不選擇核取方塊即可。

啟用或停用編輯器格線:

  1. 點擊編輯器頂端的「工具
  2. 選擇或不選擇「格線」核取方塊。

欄格線

有獨立於編輯器格線的格線。如同編輯器格線,請將內容放在欄的垂直格線內,讓內容在各種裝置和瀏覽器上都能正確顯示。
欄格線會覆寫編輯器格線。這表示只要元件位於欄格線內,即可將元件放在編輯器的垂直格線外。

常見問題

以下是編輯器格線的一些常見問題。點擊問題即可閱讀答案: