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

Wix 編輯器:新增及自訂行動版專屬元件

使用行動版編輯器,即可新增行動版網站專屬元件。新增文字、圖片、按鈕、內嵌內容及其他針對小型畫面全面最佳化的元件。
行動版專屬元件不會顯示在桌面版網站上,因此可自由設計、調整版面配置及複製元件,方便編輯。如此一來,便可取代不適合行動版的桌面版元件,或為行動版打造截然不同的外觀。

新增行動版專屬元件

新增行動版專屬元件,為使用行動裝置的訪客量身打造網站。在行動版編輯器的新增至行動版面板中,新增文字、圖片、按鈕等元件。
行動版編輯器中的新增面板。「新增」圖示已醒目提示,游標停留在「圖示按鈕」上。
點擊下方選項,深入了解可用的元件類型:
不確定這是行動版還是桌面版元件嗎?
點擊行動版專用元件時,會顯示行動裝置圖示。

行動版專屬元件設計

您可使用填滿色彩、邊框和陰影等設計選項自訂元件。透過元件設計,打造真正獨特的行動版網站,為訪客創造有趣且實用的瀏覽體驗。

若要設計元件:

  1. 點擊行動版專屬元件。
  2. 點擊「設計」圖示 。
  3. 使用可用的自訂選項設計元件。
注意:
可用的設計選項會因元件類型而異。
行動版編輯器中向量圖像的設計面板。

調整行動版專屬元件的版面配置

變更元件的版面配置,使行動版網站內容對齊。調整元件可讓網站保持整齊,並為行動版訪客提供流暢的瀏覽體驗。

若要變更元件的版面配置:

  1. 點擊行動版專屬元件。
  2. 點擊「版面配置」圖示 。
  3. 使用可用的自訂選項調整版面配置。
注意:
可用的版面配置選項會因元件類型而異。
行動版編輯器中社交工具列的版面配置面板。
想移動帶狀區塊嗎?
您可在行動版編輯器中點擊並拖曳帶狀區塊/欄,移動區塊及其中的元件。

複製行動版專屬元件

您可在行動版網站上複製並貼上元件,快速輕鬆地新增任意數量的元件。

若要複製行動版專屬元件:

  1. 以滑鼠右鍵點擊元件。
  2. 點擊「複製」。
  3. 以滑鼠右鍵點擊頁面/帶狀圖片。
  4. 點擊「貼上」。
備註:
  • 只有支援的行動版元件可從桌面版編輯器複製並貼到行動版編輯器。
  • 行動版專用元件無法貼到桌面版編輯器。
GIF 顯示在行動版編輯器中複製及貼上元件的過程。