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

調整區段與元件順序
隨時變更頁面內容的順序。使用拖放功能,即可輕鬆調整區段和元件的順序。
調整圖層順序:
- 前往編輯器。
- 點擊編輯器左下角的「圖層」
。 - (在圖層面板中)找到要移動的區段或元件。
- 向上或向下拖曳圖層,變更其在頁面上的位置。
注意:元件只能在目前的區段內移動。若要將元件移至其他區段,請直接在頁面上拖曳,或剪下後貼至其他位置。

重新命名圖層
為圖層設定清楚的自訂名稱,即使網站包含數十個區段,也能輕鬆掌握各個圖層。這些名稱只會顯示在編輯器中,網站訪客不會看到。
重新命名圖層:
- 前往編輯器。
- 點擊編輯器左下角的「圖層」
。 - (在圖層面板中)連按兩下相關元件或區段。
- 輸入新名稱,然後按下「Enter」鍵。

使用圖層
在圖層面板中,可快速管理頁面上的元件和區段。剪下、複製、貼上、建立複本或刪除圖層,加快編輯速度;釘選重要元件,讓訪客捲動頁面時仍可看到這些元件;也可排列重疊的項目。如此可讓設計井然有序,也更容易進行精確編輯。
選擇及處理特定圖層:
- 前往編輯器。
- 點擊編輯器左下方的「圖層」圖示
。 - (在「圖層」面板中)點擊元件或區段旁的「更多操作」圖示
。 - 選擇後續操作:
- 剪下:移除圖層並將其複製到電腦的剪貼簿,以便貼到網站的其他位置。
- 複製:將圖層複製到電腦的剪貼簿,以便貼到網站的其他位置。
- 貼上:貼上從網站其他部分複製的圖層。如果是元件,系統會將其新增至目前使用的區段;如果是區段,則會貼到頁面底部。
- 複製:建立完全相同的圖層複本,方便快速編輯。
- 刪除:從網站中徹底移除圖層。
- 釘選至畫面:釘選元件,讓訪客捲動頁面時仍能看見該元件,非常適合用於社交圖示、選單或聯絡方式。
提示:此操作僅適用於元件,不適用於區段。 - 排列:處理重疊元件時,可變更所選元件的位置:
- 向前移動:將元件上移 1 層,置於前方元件之上。
- 向後移動:將元件下移 1 層,置於後方元件之下。
- 移至最上層:將元件移至所有其他元件上方的最上層。
- 移至最下層:將元件移至所有其他元件後方的最下層。

隱藏頁首或頁尾
想讓頁面內容成為焦點嗎?立即隱藏頁首或頁尾,打造醒目且聚焦的頁面。此設定僅套用至目前編輯的頁面,並可隨時開啟或關閉。
隱藏頁首或頁尾:
- 前往編輯器。
- 點擊編輯器左下方的「圖層」圖示
。 - (在「圖層」面板中)點擊「頁首」/「頁尾」旁的「更多操作」圖示
。 - 選擇「隱藏頁首」/「隱藏頁尾」。

提示:
若要再次顯示頁首或頁尾,請重複上述步驟並選擇「顯示」。
在行動裝置上隱藏元件
設計最適合訪客的行動版體驗。使用「圖層」面板,即可精確控制較小畫面上顯示的內容,輕鬆保持版面簡潔有序,並符合品牌風格。也可隨時讓隱藏的元件重新顯示於行動版。
若要管理行動版的圖層:
- 前往編輯器。
- 點擊頁面右上方的「行動版」圖示
。 - 點擊編輯器左下方的「圖層」
。 - (在「圖層」面板中)點擊元件或區段旁的「更多操作」圖示
。 - 選擇「隱藏」。
提示:該元件會從行動版網站中消失,但仍會顯示於桌面版。

提示:
想顯示先前在行動版隱藏的元件嗎?切換至行動版檢視,並點擊「圖層」面板頂端的已在行動版隱藏索引標籤。接著,點擊「在行動版顯示」圖示
。
。 常見問題
點擊下方問題即可了解更多。
如何控制區段的 DOM 順序來提升無障礙體驗?
如何選擇頁面上彼此重疊的元件?
圖層或區段是否有數量上限?

