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

Wix 編輯器:新增並設定條紋

3 分鐘
使用全寬度條紋來規劃內容並將其劃分為橫向區段,建立專業感。您可從各種元件中選擇並新增至條紋,接著使用色彩、圖片或影片自訂條紋背景。

新增條紋

新增條紋以開始規劃頁面結構。您可使用條紋來區分頁面內容與資訊。條紋的熱門想法包括聯絡詳細資訊和價格清單。
提示:
條紋在 單頁式網站 的視覺效果特別出色。

若要新增條紋:

  1. 前往編輯器
  2. 點擊編輯器左側的新增元件
  3. 點擊條紋
  4. 選擇想要新增的條紋類型。
  5. 將條紋元件拖曳至頁面。
從編輯器面板選擇條紋的螢幕截圖。

將元件新增至條紋

透過新增相關內容來建構條紋。元件附加至條紋後,即可輕鬆在網站頁面間移動條紋與元件。
開始之前:
嘗試附加元件前,請先調整條紋或元件的大小,使元件能放入條紋中。

若要將元件新增至條紋:

  1. 前往編輯器
  2. 將元件拖曳至條紋上方。
  3. 看見附加至條紋訊息時放開元件。
將元件拖曳至條紋上的 GIF。

調整條紋對齊方式

選擇條紋內容在網站上的對齊方式,確保訪客始終能檢視重要且相關的資訊。您可變更對齊方式,以不同的版面配置整理內容。
重要:
僅在條紋不包含欄的情況下,才可變更條紋內容的對齊方式。

若要調整條紋對齊方式:

  1. 前往編輯器
  2. 點擊頁面上的條紋。
  3. 點擊版面配置圖示
  4. 選擇版面配置:
    • 置中:內容對齊條紋中央。
    • 靠左:內容對齊條紋左側。
    • 靠右:內容對齊條紋右側。
在編輯器中為條紋選擇版面配置的螢幕截圖。

變更條紋背景

為條紋選擇適合網站外觀和形象的背景。目前有多種選項可供使用,您可從一系列色彩、圖片或影片中進行選擇。

若要變更條紋背景:

  1. 前往編輯器
  2. 點擊頁面上的條紋。
  3. 點擊變更背景並從以下選項中擇一:
    • 色彩:從一系列色彩中選擇以符合網站調色盤,或建立大膽的風格。
    • 圖片:從各種引人注目的免費圖片中選擇,或自行上傳。
    • 影片:從 Wix 選擇免費且吸睛的影片,或透過媒體管理員自行上傳。
    • 建立 AI 圖片:使用 AI 圖片產生器產生自訂圖片。
選擇條紋背景的螢幕截圖。
重要:
條紋會自動橫跨網站寬度,但您可點擊伸展圖示 來變更寬度。條紋的最大高度為 15,000 像素。

自訂條紋

您可自訂條紋元件,使其符合需求。調整邊框、圓角和陰影等設定,使其與網站完美搭配。

若要自訂條紋:

  1. 前往編輯器
  2. 點擊頁面上的條紋。
  3. 點擊「設計」圖示
  4. 選擇要自訂的項目:
自訂條紋設計的螢幕截圖。