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

Wix 編輯器:行動版編輯器簡介

想讓網站在行動裝置上呈現絕佳效果嗎?使用行動版編輯器,即可建立功能完整且專業的行動版檢視。
變更背景、隱藏桌面版內容,並以行動版專用元件取代。若要進一步提升使用體驗,還可新增「返回頂端」按鈕和快速操作列等元件。
在行動版編輯器中向下捲動的 GIF 動畫。
重要:

使用行動版編輯器

隨時點擊編輯器頂端的「行動裝置」圖示,即可存取行動版編輯器。
在編輯器中切換至行動版的螢幕截圖。
行動版檢視會反映桌面版檢視,因此會顯示相同的元件和內容。系統會自動調整字型、圖片和元件的大小,以提供最佳檢視效果,讓您有更多時間打造真正獨特的行動版體驗。

左側選單

編輯器左側提供自訂行動版檢視所需的工具。您可新增元件、瀏覽網站頁面,甚至存取隱藏的桌面版元件。
開啟編輯器左側選單的 GIF 動畫。

隱藏的桌面版元件

Wix 會使用桌面版網站的內容,自動建立適合行動裝置的網站版本。過程中,系統會自動隱藏尚未針對行動裝置最佳化的元件(例如浮動互動效果、第三方應用程式等)。
點擊編輯器左側的「隱藏的元件」圖示,即可查看這些元件。如有其他不想在行動版顯示的元件,可視需要隱藏或取消隱藏。
桌面版編輯器中隱藏元件的螢幕截圖。

自訂行動版檢視

行動版編輯器提供完整的創作自由,方便針對行動裝置調整網站。您可稍作調整並保留相同風格,也可專為行動版打造不同外觀。在行動版中進行的設計變更不會影響桌面版。
點擊下方即可了解以下操作方法:

新增行動版專屬元件

行動版編輯器可讓您在行動版檢視中新增任意數量的元件。這些元件已針對行動裝置完成最佳化,無須擔心尺寸問題。您可直接從「新增」面板加入文字、圖片、按鈕、內嵌內容等元件。
新增行動版專屬元件的畫面截圖。
在行動版新增的元件不會顯示在網站桌面版中。行動版專屬元件會以圖示 標示,方便辨別元件會顯示在哪個版本中。
行動版專屬元件的畫面截圖。
提示:
行動版專屬元件無法貼到桌面版編輯器。您可透過「新增」面板,在桌面版編輯器中新增元件。

行動版工具

「行動版工具」面板提供實用功能,可提升互動並讓訪客更容易在行動裝置上瀏覽網站。
新增歡迎畫面來迎接訪客、加入「快速操作列」來鼓勵訪客採取行動,並在較長頁面的底部加入「返回頂端」按鈕。若訪客在 Android 裝置上使用 Chrome,還可設定讓瀏覽器的主題色彩在進入網站後變更。
想保留桌面版嗎?