header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Harmony 編輯器:導覽指南

4 分鐘
本文適用於 2026 年 1 月發布的新款 Wix Harmony 編輯器。若不確定使用的是 Wix Harmony 編輯器還是 Wix 編輯器,請 在此檢視更多資訊
歡迎使用 Wix Harmony,這是一款全新的全方位架站編輯器,讓創意魔法觸手可及。憑藉更智慧的 AI 工具、動態設計選項以及完全自由的建構方式,您可以充滿自信地推出第一個網站或重新構思最新的專案。
本文將帶您認識編輯器。準備好以前所未有的速度進行設計、建立與創新──無需任何設計或程式設計體驗。
首次開啟時的 Wix Harmony 編輯器,顯示已設計完成的網站
須知事項:
編輯器具備完全的回應式功能。調整瀏覽器視窗大小時,畫布會自動調整,以便隨時查看網站於不同尺寸下的外觀。

操作列

操作列位於頁面正上方,方便立即存取針對目前工作內容提供的設定和工具。選擇選單、區段或元件後,您會發現選項會自動更新。
例如,選擇文字元件時,操作列會提供快速更改字型、大小、對齊方式和格式的選項。接著,若選擇頁首,則會顯現變更背景、新增捲動效果等更多選項。
在 Wix Harmony 編輯器中選擇文字元件,且頁面上方顯現操作列

頂部導覽列

在編輯器左上角,您可以存取推動編輯工作流程的所有功能。輕鬆切換 頁面、查看 品牌 色彩和字型、發佈變更、從管理介面獲取資訊等。此工具列讓最重要的控制功能觸手可及,助您快速作業並整理內容。
Wix Harmony 編輯器的頂端列
點擊下方即可瞭解更多頂部導覽列各部分的資訊。

新增元件面板

新增元件」面板是 Wix Harmony 編輯器中的創意啟動台。您可以在此探索包含標題、圖片、投影片放映、選單甚至第三方應用程式在內的龐大元件庫。
請根據類別進行篩選條件或使用搜尋列快速找到所需內容。接著,將元件拖曳至畫布並開始建構網站。
Wix Harmony 編輯器中的新增元件面板

詢問 AI (Aria)

Aria 是您的多才多藝 AI 夥伴,旨在協助簡化工作流程。點擊編輯器右下角的 詢問 Aria 圖示即可開始聊天。
Wix Harmony 編輯器中的詢問 Aria 圖示
選擇元件時,您也可以點擊操作列上的 詢問 AI 以獲取量身定制的指令建議。只需輸入簡單指令,即可要求 Aria 移動區段、產生新設計、修復版面配置問題或改善區段文字。若需進行更多更改,只需直接在聊天中向 Aria 寄送另一條訊息即可。
Wix Harmony 編輯器中由 AI 產生的區段,顯示設計以及與 Aria 的聊天內容

行動裝置檢視

在頁面右上方,點擊一下即可快速切換桌面和行動裝置檢視。行動裝置檢視讓您查看網站於較小畫面上的呈現效果。
雖然網站會自動對不同畫面尺寸進行回應式處理,但您始終可以自由地 調整行動裝置設計,無論使用何種裝置,都能為訪客提供最佳體驗。
點擊 Wix Harmony 編輯器中的行動版圖示並檢視自動調整後的行動裝置檢視畫面

其他面板

在編輯器左下角,您可以找到其他面板來控制頁面的每個部分。使用 圖層面板 即可查看頁面上每個區段和元件的結構,非常適合微調版面配置和管理重疊項目。
Wix Harmony 編輯器中的管理圖層面板
點擊 說明 圖示 即可根據您在編輯器中的位置查看量身定制的提示、指南和答案。這讓您無需離開工作空間即可輕鬆獲得支援並探索新功能。
Wix Harmony 編輯器中的說明面板
使用 Wix Harmony 建立:
透過 Wix Harmony 體驗新一代網站製作。在向 AI 專員下達指令與精確拖放之間自由切換,讓創作過程如同思考般自然。