Wix 編輯器教學｜第 3 堂課：Wix頁面與選單管理完整教學
- 數位茄子
- 6月3日
- 讀畢需時 4 分鐘
已更新：2天前
在本篇教學中，我們將深入探討如何使用 Wix 編輯器有效地管理網站的頁面與選單。透過學習新增、排序、隱藏頁面，以及設計主選單，您將能夠建立清晰且易於導航的網站架構，提升使用者體驗。
快速導覽：Wix頁面與選單管理教學
什麼是 Wix 的頁面與選單系統？
Wix頁面與選單管理系統是網站架構的核心。
頁面分為靜態頁和動態頁，選單則用於引導訪客瀏覽不同的頁面。
頁面類型：靜態頁、動態頁
靜態頁：固定內容的頁面，如首頁、關於我們、聯絡我們等。
動態頁：透過資料集合自動生成的頁面，適用於部落格文章、產品頁等。
主選單與頁面結構的關係
主選單是網站的導航工具，通常位於頁首，包含網站的主要頁面連結。
透過選單，訪客可以快速找到所需的資訊。
如何新增 Wix 頁面
有效的頁面管理有助於網站內容的組織與維護。
如何新增新頁面並命名
在左上角「頁面」如 圖 1 的 1 號 ，點擊下方「管理頁面」如 圖 1 的 2 號
點擊「新增頁面」，選擇適合的頁面類型。如 圖二
頁面有兩種選擇 如圖三
第一個是WIX內建頁面，這裡有非常多的 wix 依照各種行業的需求，內建出適合大家使用的功能非常貼心，選擇內建頁面之後你還可以進行修改，變成你自己專屬的風格與功能。
第二個是空白頁面，你可以依照你自己的喜好與風格進行客製化，也可以找像是，數位茄子WIX推薦大使，協助你一起打造網站，用最低的預算做出你的網站
選擇完之後你就會進入命名頁面的階段，讓我們繼續往下看
為新頁面命名，並按下「完成」 ，恭喜你已完成新增一個全新的頁面，你可以開始依照你的想法打造頁面。如圖四
在左上角可以檢視，現在頁面位置，完成命名後你可以清楚的知道現在你在編輯哪一個頁面。如圖五
觀看新增頁面複習影片
如何排序與建立子頁
在「選單與網頁」中，拖曳頁面以調整順序。
將頁面拖曳至其他頁面下方，建立子頁結構。
Wix 隱藏頁面功能
在頁面設定中，切換「隱藏/顯示於選單」的開關。如圖一
關閉此選項，該頁面將不顯示於主選單，但仍可透過連結訪問。如圖二
新增選單顯示於頁首 Header
左方功能面板選擇新增元件，找到「選單與錨點」，選擇你想增加的選單類型
常見選單類型「橫式」，「直式」，「漢堡選單」
我們用「主題式選單」做示範
拖曳至你要的位置，即可新增選單
選單設計與使用者導覽邏輯
良好的選單設計能提升網站的可用性與使用者體驗。
主選單設計原則
清晰分類：將相關頁面歸類，避免選單項目過多。
簡潔命名：使用簡短且具描述性的名稱。
一致性：選單風格與網站整體設計保持一致。
善用子選單提升 UX
透過子選單，將次要頁面隱藏於主選單下，保持選單整潔，提升使用者體驗。
Wix 動態頁與靜態頁的應用場景
根據網站需求選擇適合的頁面類型，有助於內容的管理與展示。
什麼時候該用動態頁？
需要大量類似結構的頁面，如產品頁、部落格文章等。
希望透過資料集合自動生成頁面內容。
資料集合如何連結動態頁？
建立資料集合，輸入相關資料。
在動態頁中，將頁面元素與資料集合中的資料欄位綁定。
設定動態頁的 URL 結構，完成連結。
常見錯誤與最佳實踐
避免以下常見錯誤，提升網站品質與使用者體驗。
❌ 未隱藏備用頁面造成 UX 混亂
確保未完成或不需公開的頁面不顯示於主選單，避免訪客混淆。
❌ 選單項目過多影響導航
限制主選單項目數量，使用子選單組織內容，保持選單簡潔。
✅ 善用「不在選單中」做隱藏頁引導
將特定頁面設為「不在選單中」，透過按鈕或連結引導訪客訪問。
延伸閱讀 : wix台灣教學資源
常見問題（FAQ）
Q1：如何新增一個新的頁面？
在左側功能面板中，點擊「選單或網頁」，然後點擊「新增」，選擇適合的頁面類型並命名，即可新增新的頁面。
Q2：如何設定網站的 SEO 標題與描述？
在「行銷與 SEO」區域，選擇「SEO 工具」，即可編輯網站的標題、描述與關鍵字，提升搜尋引擎的排名。沒有基礎的小夥伴建議先找wix專家諮詢，wix推薦大使-數位茄子 幫助你解決架設網站問題
Q3：如何使用 CMS 管理動態內容？
在左側功能面板中，點擊「CMS管理系統」，建立新的資料集合，然後設計對應的動態頁面模板，即可管理與展示動態內容。
Q4：如何建立子選單？
在「選單與網頁」中，將頁面拖曳至其他頁面下方，即可建立子選單結構。
Q5：如何隱藏特定頁面不顯示於主選單？
在頁面設定中，關閉「顯示於選單」的選項，該頁面將不顯示於主選單，但仍可透過連結訪問。
小結
透過本篇教學，您已學會如何在 Wix 編輯器中新增與管理頁面，設計清晰的選單結構，以及應用動態頁與靜態頁的最佳實踐。這些技巧將有助於提升網站的可用性與使用者體驗。
準備好進一步提升您的網站設計技能了嗎？
立即預約我們的專業諮詢服務，讓我們協助您打造更專業的網站！
