Wix Harmony 編輯器:自訂區段背景
區段背景可營造頁面氛圍、引導視線,並影響訪客捲動頁面時的感受。讓區段設計與網站品牌一致,並微調每項細節──選擇純色、媒體庫中的圖片或影片,再套用細緻效果來增添層次感。

小提醒:
選擇各種現成且完整支援回應式設計的區段,節省設計時間。新增區段時,可以查看所有選項,並選擇符合需求的範本。
變更區段背景
變更區段背景,即可立即改變頁面的外觀和形象。選擇符合樣式的色彩、圖片或影片,吸引訪客目光。
若要變更區段背景:
- 前往編輯器。
- 選擇相關區段。
- 點擊「取代背景」。
- 選擇背景類型,並依需求自訂:
色彩
漸層
圖片
影片
行動裝置版檢視注意事項:
在行動裝置版中,可以將區段背景改成不同的純色或漸層,不會影響桌面版。圖片和影片背景會共用,因此只能在桌面版中取代。
區段背景動畫
新增背景捲動動畫,讓區段更生動。訪客上下捲動頁面時,動畫會營造動態且引人入勝的效果。試用視差、3D 或縮放等選項,並調整設定以符合所需樣式。
若要為區段背景加上動畫:
選擇相關區段。
點擊動畫圖示 。
選擇動畫。
(選用)點擊自訂,微調動畫設定:
捲動預覽:點擊預覽圖示 ,預覽訪客捲動頁面時的動畫播放效果。
縮放:拖曳滑桿,調整放大或縮小的程度。
方向:使用可用選項調整動畫方向(例如順時針或逆時針、進入或消失等)。
速度:拖曳滑桿,讓動畫移動得更快或更慢。
比例:拖曳滑桿,決定背景向後淡出的距離。
角度:設定動畫的旋轉角度。
伸展:設定動畫的深度和 3D 效果。
動畫類型:選擇動畫要淡入或淡出。
備註:
- 可用的動畫取決於區段所選的背景類型(即色彩、圖片或影片)。
- 自訂設定會因所選動畫而異。


。
,即可從頁面擷取特定色彩。
。
、放射狀
、圓錐形
或 流體
。
。
。
:點擊圖示,決定如何縮放圖片以符合區段大小(縮放至填滿、圖塊或圖片原始大小),並新增
。
,即可使用
。
,預覽影片背景。
。
,預覽訪客捲動頁面時的動畫播放效果。