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

Wix Harmony 編輯器:自訂區段背景

區段背景可營造頁面氛圍、引導視線,並影響訪客捲動頁面時的感受。讓區段設計與網站品牌一致,並微調每項細節──選擇純色、媒體庫中的圖片或影片,再套用細緻效果來增添層次感。
Wix Harmony 編輯器「取代背景」選項的螢幕截圖
小提醒:
選擇各種現成且完整支援回應式設計的區段,節省設計時間。新增區段時,可以查看所有選項,並選擇符合需求的範本。

變更區段背景

變更區段背景,即可立即改變頁面的外觀和形象。選擇符合樣式的色彩、圖片或影片,吸引訪客目光。

若要變更區段背景:

  1. 前往編輯器。
  2. 選擇相關區段。
  3. 點擊「取代背景」。
  4. 選擇背景類型,並依需求自訂:
行動裝置版檢視注意事項:

在行動裝置版中,可以將區段背景改成不同的純色或漸層,不會影響桌面版。圖片和影片背景會共用,因此只能在桌面版中取代。


區段背景動畫

新增背景捲動動畫,讓區段更生動。訪客上下捲動頁面時,動畫會營造動態且引人入勝的效果。試用視差、3D 或縮放等選項,並調整設定以符合所需樣式。

若要為區段背景加上動畫:

  1. 前往編輯器。

  2. 選擇相關區段。

  3. 點擊動畫圖示 。

  4. 選擇動畫。

  5. (選用)點擊自訂,微調動畫設定:

    • 捲動預覽:點擊預覽圖示 ,預覽訪客捲動頁面時的動畫播放效果。

    • 縮放:拖曳滑桿,調整放大或縮小的程度。

    • 方向:使用可用選項調整動畫方向(例如順時針或逆時針、進入或消失等)。

    • 速度:拖曳滑桿,讓動畫移動得更快或更慢。

    • 比例:拖曳滑桿,決定背景向後淡出的距離。

    • 角度:設定動畫的旋轉角度。

    • 伸展:設定動畫的深度和 3D 效果。

    • 動畫類型:選擇動畫要淡入或淡出。

備註:
  • 可用的動畫取決於區段所選的背景類型(即色彩、圖片或影片)。
  • 自訂設定會因所選動畫而異。