Wix Harmony 編輯器：使用圖層面板
4 分鐘
本文適用於 2026 年 1 月發布的新版 Wix Harmony 編輯器。若不確定使用的是 Wix Harmony 編輯器還是 Wix 編輯器，請 在此查看更多資訊。
圖層面板讓您在同一處檢視頁面上的每個區段和元件。輕鬆選擇、重新排序或調整圖層，全面掌控版面配置與結構，讓您完全按照理想方式建構每個頁面。
重新排列區段和元件
隨時更改頁面內容的順序。透過拖放功能，即可輕鬆重新排序區段和元件。
重新排列圖層順序：
- 前往編輯器。
- 點擊編輯器左下角的圖層
。 - （在圖層面板中）尋找想要移動的區段或元件。
- 向上或向下拖曳圖層即可變更其在頁面上的位置。
請留意：您可在目前的區段內移動元件。若要在區段之間移動元件，請在頁面上拖曳元件，或將其剪下並貼到其他位置。
重新命名圖層
為圖層提供清晰的自訂名稱，即使網站有數十個區段，也永遠不會遺失曲目。這些名稱僅在編輯器中可見，網站訪客無法看見。
重新命名圖層：
- 前往編輯器。
- 點擊編輯器左下角的圖層 。
- （在圖層面板中）連按兩下相關元件或區段。
- 輸入新姓名並按 Enter。
操作圖層
您可以在圖層面板中快速管理頁面上的元件和區段。透過剪下、複製、貼上、製作複本或刪除圖層來提高工作效率，釘選關鍵元件使其在訪客捲動時保持顯示，並排列重疊的品項。這能讓您的設計保持井然有序，並讓精確編輯變得更加容易。
選擇並操作特定圖層：
- 前往編輯器。
- 點擊編輯器左下角的圖層 。
- （在圖層面板中）點擊元件或區段旁的尚有...項操作圖示
。 - 選擇後續操作：
- 剪下：移除圖層並將其複製到電腦剪貼簿，以便貼到網站其他位置。
- 複製：將圖層複製到電腦剪貼簿，以便貼到網站其他位置。
- 貼上：貼上從網站其他部分複製的圖層。若為元件，系統會將其新增至目前處理的區段；若為區段，則會貼在頁面底部。
- 複製：建立圖層的精確複本以便快速編輯。
- 刪除：從網站中完全移除圖層。
- 釘選至畫面：釘選元件，讓訪客在捲動時仍可看見，非常適合社交圖示、選單或聯絡管道。
提示：此小部件僅適用於元件，不適用於區段。 - 排列：處理重疊元件時，可更改所選元件的位置：
- 移至最前：將元件移至其前方圖層的上一層。
- 移至最後：將元件移至其後方圖層的下一層。
- 移至最上層：將元件移至所有圖層的最上層。
- 移至最下層：將元件移至所有圖層的最下層。
隱藏頁首或頁尾
想讓頁面內容成為焦點嗎？立即隱藏頁首或頁尾，打造大膽且專注的頁面。此設定僅套用於您正在編輯的特定頁面，且可隨時開啟或關閉。
若要隱藏頁首或頁尾：
- 前往編輯器。
- 點擊編輯器左下角的圖層 。
- （在圖層面板中）點擊 頁首 ／ 頁尾 旁的更多操作圖示 。
- 選擇隱藏頁首 ／ 隱藏頁尾。
提示：
若要再次顯示頁首或頁尾，請重複上述步驟並選擇 顯示。
在行動裝置上隱藏元件
為訪客設計最合適的 行動裝置體驗。透過圖層面板，您可以精確控制在較小螢幕上顯示的內容，輕鬆保持內容專注、整潔且符合品牌形象。您隨時可以將隱藏的元件重新顯示在行動裝置上。
在行動裝置上管理圖層：
- 前往編輯器。
- 點擊頁面右上角的行動裝置圖示
。 - 點擊編輯器左下角的圖層 。
- （在圖層面板中）點擊元件或區段旁的更多操作圖示
。 - 選擇隱藏。
提示：元件會從行動版網站消失，但在桌面版仍會顯示。
提示：
想要顯示先前在行動裝置上隱藏的元件嗎？請切換至行動版檢視，然後點擊圖層面板頂端的在行動裝置上隱藏索引標籤。接著，點擊在行動裝置上顯示圖示 
。
。常見問題
點擊下方問題即可瞭解更多資訊。
如何控制區段的 DOM 順序以提升無障礙功能？
如何選擇頁面上重疊的元件？
圖層或區段的數量是否有限制？