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. 點擊「頁首」「頁面」「頁尾」,查看該區域中的元件。
  4. 在清單中找出相關元件並點擊。
  5. 選擇要對元件執行的操作:
    • 向前/向後移動元件:
      • 向前:按下鍵盤上的 Ctrl + ↑,將元件向前移動。(若要移至最上層,請按下 Ctrl + Shift + ↑)
      • 向後:按下鍵盤上的 Ctrl + ↓,將元件向後移動。(若要移至最下層,請按下 Ctrl + Shift + ↓)
    • 將元件重新置中:如果已將元件移出編輯器可視區域,該元件不會顯示在已上線網站上,並可能造成捲動問題。將元件移至畫面中央,即可視需要移動及管理元件。
      1. 在面板中選擇相關元件。
      2. 將游標浮動在資訊圖示上。
      3. 點擊「將元件重新置中」
    • 自訂/調整元件:在編輯器中點擊元件,並使用可用選項調整內容、版面配置和設計。
    • 變更元件順序:在面板中點擊並拖曳元件,即可變更順序。這有助於讓面板中的順序與網站上的視覺順序一致。
編輯器中的「圖層」面板。面板中已選擇一張帶狀圖片,頁面上也會醒目提示該元件。

在開發模式下使用元件

開發模式下使用「圖層」面板,可在編輯網站時使用更多功能,並專注處理相關元件。可暫時在編輯器中隱藏某個元件,或隱藏頁面上的其他內容,專注處理單一元件。
知道嗎?
面板會根據在「屬性」面板中指派的 ID 列出頁面元件,組成群組的元件則會顯示在所屬的群組 ID 下。

若要在開發模式下使用面板:

  1. 前往編輯器
  2. 點擊頂端列的「工具
  3. 選擇「圖層」。
  4. 點擊「頁首」、「頁面」或「頁尾」,即可查看該區域中的元件。
  5. 在清單中找到相關元件並點擊。
  6. 選擇要對元件執行的操作:
    • 暫時隱藏元件:將滑鼠游標移至圖層面板中的元件,然後點擊「在編輯器中隱藏」圖示 。需要顯示元件時,再次點擊圖示即可。
    • 聚焦於元件:點擊要聚焦之元件旁的「聚焦」圖示 ,即可隱藏頁面上的所有其他元件。再次點擊圖示即可關閉聚焦功能。
已啟用開發模式的編輯器圖層面板。元件旁的隱藏和聚焦圖示已醒目顯示。
後續操作
  • 在圖層面板中選擇元件時,系統也會在屬性面板中選擇該元件。如此一來,不必移動其他元件,也能調整位於其他元件後方之元件的屬性。
  • 前往 Velo by Wix 資源中心,開始使用並繼續學習。

常見問題

點擊下方問題,深入了解如何在編輯器和開發模式中使用圖層面板。