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

Wix 編輯器:自訂頁面背景

4 分鐘
自訂頁面背景以反映個人樣式,並為訪客建立沉浸式體驗。精心選擇的背景可為網站奠定語氣,使其更難忘且更具吸引力。透過使用獨特色彩、圖片或影片,您可強化網站背景以輔助內容,並建立動態體驗。
在已上線 Wix 網站上播放的影片頁面背景。

選擇頁面背景色彩

為背景選擇的色彩對於訪客如何看待網站起著重要作用。您可從預定的色彩主題中進行選擇,或新增自訂色彩。您可以更改每個網站頁面的背景色彩,或點擊一下即可將所選色彩套用至所有頁面。
具有淡紫色頁面背景的已上線 Wix 網站。

選擇頁面背景色彩:

  1. 前往編輯器
  2. 前往相關頁面。
  3. 點擊編輯器左側的網站設計
  4. 點擊頁面背景
  5. 點擊色彩
  6. 網站主題色彩中選擇選項,或在我的色彩下新增自訂色彩。
提示:
點擊面板底部的套用至其他頁面即可將背景新增至網站的其他頁面。
顯示正在選擇色彩作為頁面背景的圖片。

為頁面背景新增圖片

為頁面選擇圖片背景以增加層次感。您可上傳自有檔案、新增免費 Wix / Unsplash 圖片,或採購 Shutterstock 圖片。您可自訂圖片的不透明度、縮放或位置等設定,甚至還能新增捲動效果(例如:視差)。

新增背景圖片:

  1. 前往編輯器
  2. 點擊編輯器左側的網站設計
  3. 點擊頁面背景
  4. 點擊圖片
  5. 選擇操作方式:
提示:
調整背景圖片設定(例如縮放、位置),使其符合設計並與內容相輔相成。

為頁面背景新增影片

使用影片背景讓訪客感到驚艷,並為網站增添藝術細節。您可上傳自有影片、新增免費 Wix 影片,或採購專業人員 Shutterstock 影片。
顯示影片背景的 GIF

為頁面背景新增影片:

  1. 前往編輯器
  2. 前往相關頁面。
  3. 點擊編輯器左側的網站設計
  4. 點擊頁面背景
  5. 選擇影片
  6. (在媒體管理員中)選擇操作方式:
    • 上傳自訂影片:
      1. 點擊上傳媒體
      2. 瀏覽電腦並選擇影片。
      3. 點擊變更背景
    • 新增免費 Wix 影片:
      1. 點擊來自 Wix 的媒體
      2. 選擇影片。
      3. 點擊變更背景
    • 採購 Shutterstock 影片:
      1. 點擊Shutterstock
      2. 選擇影片。
      3. 點擊購買影片
  7. (選填)點擊套用至其他頁面即可將背景新增至網站的其他頁面。

自訂影片背景疊加層

自訂影片背景的重疊圖層可讓您在影片中加入獨特的圖樣或色彩。這有助於為網站建立具吸引力的視覺外觀,提升訪客的體驗。

例如,瑜伽作坊網站可以使用寧靜的影片背景並搭配柔和的色彩重疊圖層,為訪客營造寧靜的氛圍。

自訂影片背景的疊加層:

  1. 前往編輯器
  2. 點擊編輯器左側的網站設計
  3. 點擊頁面背景
  4. 點擊設定
  5. 影片設定面板中,選擇要疊加圖樣還是色彩:
    • 若要疊加圖樣: 從提供的選項中選擇其中一個可用圖樣。
    • 若要疊加色彩: 開啟疊加色彩切換開關,並使用色彩選擇器選擇所需的色彩,然後設定不透明度。
提示:
若要移除影片背景上的重疊圖樣,請點擊圖樣選項(帶有紅線的圖示),或停用重疊色彩切換開關。
Wix 編輯器中影片背景的重疊設定。
正在尋找更多設計靈感嗎?
Wix 設計中心是獲取想法與 網站設計 趨勢的絕佳資源。

常見問題

點擊下方的問題即可瞭解更多資訊。