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

Wix 編輯器:自訂頁面背景

自訂頁面背景以反映個人樣式,並為訪客建立沉浸式體驗。精心選擇的背景可為網站奠定語氣,使其更難忘且更具吸引力。透過使用獨特色彩、圖片或影片,您可強化網站背景以輔助內容,並建立動態體驗。
在已上線 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 設計中心是獲取想法與 網站設計 趨勢的絕佳資源。

常見問題

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