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

Wix 編輯器:關於行動版編輯器

7 分鐘
想讓網站在行動裝置上看起來很棒嗎?請使用行動裝置編輯器建立功能齊全且外觀專業的行動裝置檢視。
更換背景、隱藏桌面內容並以行動裝置專用元件取代。若要進一步提升體驗,您可新增「回到頂端」按鈕和「快速操作列」等元件。
在行動版編輯器中向下捲動的 GIF
重要:

使用行動版編輯器

點擊編輯器頂部的行動裝置圖示 即可隨時存取行動版編輯器。
在編輯器中切換至行動裝置的螢幕截圖
行動裝置檢視是桌面版檢視的呈現,這代表兩者會顯示相同的元件和內容。字型、圖片和元件都會自動調整大小以獲得最佳檢視效果,讓您有時間打造獨特的行動裝置體驗。

左側選單

在編輯器左側可找到自訂行動裝置友善檢視所需的工具。您可新增元件、在網站頁面間導覽,甚至存取隱藏的桌面元件。
開啟編輯器左側選單的 GIF

隱藏的桌面元件

為了方便起見,Wix 會使用桌面版網站的內容自動建立行動裝置友善版本的網站。在此過程中,未針對行動裝置進行最佳化的元件將會自動隱藏(例如:浮動互動、第三方應用程式等)。
點擊編輯器左側的隱藏元件圖示 即可查看這些元件。若有其他不想在行動裝置上顯示的元件,可根據需求隨時隱藏或取消隱藏。
桌面版編輯器中隱藏元件的螢幕截圖

自訂行動裝置檢視

行動裝置編輯器在調整行動裝置網站時提供充分的創作自由。您可進行微調並保持相同的風格,或專為行動裝置建立不同的外觀。在行動裝置上進行的設計變更不會影響桌面版本。
點擊下方即可了解如何執行以下操作:

新增行動裝置專屬元件

行動裝置編輯器讓您可根據需求在行動裝置檢視中新增多個元件。這些元件已完全針對行動裝置進行最佳化,因此無需擔心調整大小的問題。您可直接從「新增面板」新增文字、圖片、按鈕、內嵌內容等。
新增行動裝置專屬元件的螢幕截圖。
在行動裝置上新增的元件不會顯現在桌面版網站。行動裝置專用元件會標有 圖示,方便您辨識各個元件顯示的地點。
行動裝置專屬元件的螢幕截圖。
提示:
行動裝置專用元件無法貼上至桌面版編輯器。您可使用「新增」面板將元件新增至桌面版編輯器。

行動裝置工具

「行動裝置工具」面板提供多項實用功能,可增加互動並讓行動裝置上的網站導覽更加輕鬆。
新增歡迎畫面來迎接訪客、使用快速操作列引導訪客採取行動,並在長頁面底部新增「回到頂端」按鈕。針對在 Android 上使用 Chrome 的訪客,您還可以在其進入網站時變更瀏覽器的主題色彩。
偏好保留桌面版本?