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

Wix Harmony 編輯器:使用圖層面板

圖層面板可集中顯示頁面上的所有區段和元件。輕鬆選擇、重新排序或調整圖層,全面掌控版面配置和結構──完全按照需求打造每個頁面。
Wix Harmony 編輯器中圖層面板的截圖。

調整區段與元件順序

隨時變更頁面內容的順序。使用拖放功能,即可輕鬆調整區段和元件的順序。

調整圖層順序:

  1. 前往編輯器。
  2. 點擊編輯器左下角的「圖層」。
  3. (在圖層面板中)找到要移動的區段或元件。
  4. 向上或向下拖曳圖層,變更其在頁面上的位置。
    注意:元件只能在目前的區段內移動。若要將元件移至其他區段,請直接在頁面上拖曳,或剪下後貼至其他位置。
Wix Harmony 編輯器中圖層面板入口位置的截圖。

重新命名圖層

為圖層設定清楚的自訂名稱,即使網站包含數十個區段,也能輕鬆掌握各個圖層。這些名稱只會顯示在編輯器中,網站訪客不會看到。

重新命名圖層:

  1. 前往編輯器。
  2. 點擊編輯器左下角的「圖層」。
  3. (在圖層面板中)連按兩下相關元件或區段。
  4. 輸入新名稱,然後按下「Enter」鍵。
在 Wix Harmony 編輯器的圖層面板中重新命名圖層的截圖。

使用圖層

在圖層面板中,可快速管理頁面上的元件和區段。剪下、複製、貼上、建立複本或刪除圖層,加快編輯速度;釘選重要元件,讓訪客捲動頁面時仍可看到這些元件;也可排列重疊的項目。如此可讓設計井然有序,也更容易進行精確編輯。

選擇及處理特定圖層:

  1. 前往編輯器。
  2. 點擊編輯器左下方的「圖層」圖示 。
  3. (在「圖層」面板中)點擊元件或區段旁的「更多操作」圖示 。
  4. 選擇後續操作:
    • 剪下:移除圖層並將其複製到電腦的剪貼簿,以便貼到網站的其他位置。
    • 複製:將圖層複製到電腦的剪貼簿,以便貼到網站的其他位置。
    • 貼上:貼上從網站其他部分複製的圖層。如果是元件,系統會將其新增至目前使用的區段;如果是區段,則會貼到頁面底部。
    • 複製:建立完全相同的圖層複本,方便快速編輯。
    • 刪除:從網站中徹底移除圖層。
    • 釘選至畫面:釘選元件,讓訪客捲動頁面時仍能看見該元件,非常適合用於社交圖示、選單或聯絡方式。
      提示:此操作僅適用於元件,不適用於區段。
    • 排列:處理重疊元件時,可變更所選元件的位置:
      • 向前移動:將元件上移 1 層,置於前方元件之上。
      • 向後移動:將元件下移 1 層,置於後方元件之下。
      • 移至最上層:將元件移至所有其他元件上方的最上層。
      • 移至最下層:將元件移至所有其他元件後方的最下層。
Wix Harmony 編輯器「圖層」面板中「更多操作」選單的螢幕截圖。

想讓頁面內容成為焦點嗎?立即隱藏頁首或頁尾,打造醒目且聚焦的頁面。此設定僅套用至目前編輯的頁面,並可隨時開啟或關閉。

隱藏頁首或頁尾:

  1. 前往編輯器。
  2. 點擊編輯器左下方的「圖層」圖示 。
  3. (在「圖層」面板中)點擊「頁首」/「頁尾」旁的「更多操作」圖示 。
  4. 選擇「隱藏頁首」/「隱藏頁尾」。
「圖層」面板中頁尾元件「更多操作」選單的螢幕截圖。
提示:
若要再次顯示頁首或頁尾,請重複上述步驟並選擇「顯示」。

在行動裝置上隱藏元件

設計最適合訪客的行動版體驗。使用「圖層」面板,即可精確控制較小畫面上顯示的內容,輕鬆保持版面簡潔有序,並符合品牌風格。也可隨時讓隱藏的元件重新顯示於行動版。

若要管理行動版的圖層:

  1. 前往編輯器。
  2. 點擊頁面右上方的「行動版」圖示 。
  3. 點擊編輯器左下方的「圖層」。
  4. (在「圖層」面板中)點擊元件或區段旁的「更多操作」圖示 。
  5. 選擇「隱藏」。
    提示:該元件會從行動版網站中消失,但仍會顯示於桌面版。
Wix Harmony 編輯器行動版中的「圖層」面板「更多操作」選單螢幕截圖,醒目提示「隱藏」選項。
提示:
想顯示先前在行動版隱藏的元件嗎?切換至行動版檢視,並點擊「圖層」面板頂端的已在行動版隱藏索引標籤。接著,點擊「在行動版顯示」圖示。

常見問題

點擊下方問題即可了解更多。