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

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

4 分鐘
本文適用於 2026 年 1 月推出的全新 Wix Harmony 編輯器。若不確定目前使用的是 Wix Harmony 編輯器還是 Wix 編輯器,請在此檢視更多資訊
區段背景決定了頁面的語氣,引導焦點並形塑訪客捲動時的感受。設計區段以對齊網站品牌並微調每個細節 ── 從圖庫中選擇純色、圖片或影片,並套用細微效果以增加深度。
Wix Harmony 編輯器「取代背景」選項的螢幕截圖
實用資訊:
選擇多種現成的完全回應式區段,即可節省設計時間。在新增區段時,點擊設計區段即可開始探索。

更改區段背景

切換區段背景即可立即更改頁面的外觀和形象。選擇符合樣式的色彩、圖片或影片以吸引注意力。

若要更改區段背景:

  1. 前往編輯器
  2. 選擇相關區段。
  3. 點擊「取代背景」
  4. 選擇背景類型並根據需求進行自訂:

為區段背景製作動畫

透過新增背景捲動動畫讓區段栩栩如生。當訪客在頁面上上下移動時,動畫會產生動態且引人入勝的效果。嘗試視差、3D 或縮放等選項,並調整設定以符合樣式。

若要為區段背景製作動畫:

  1. 前往編輯器
  2. 選擇相關區段。
  3. 點擊「動畫」圖示
  4. 選擇一個動畫。
  5. (選填)點擊「自訂」以微調動畫設定:
    • 捲動時預覽:點擊「預覽」圖示 以預覽動畫在訪客捲動時的播放方式。
    • 縮放:拖曳滑桿以調整想要放大或消失的程度。
    • 方向:使用可用選項調整動畫方向(例如:順時針或逆時針、進入或消失等)。
    • 速度:拖曳滑桿讓動畫移動得更快或更慢。
    • 比例拖曳滑桿以決定背景淡出的距離。
    • 角度:設定動畫的旋轉角度。
    • 伸展:設定動畫的深度和 3D 感。
    • 動畫類型:選擇動畫為淡入或淡出。
便箋:
  • 可用的動畫取決於為區段挑選的背景類型(例如:色彩、圖片或影片)。
  • 自訂設定會根據選擇的動畫而有所不同。