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

Wix 編輯器:新增及設定橫條

使用全寬度橫條安排內容結構,並將內容劃分為橫向區段,營造專業質感。您可從多種元件中選擇並新增至橫條,再使用色彩、圖片或影片自訂橫條背景。

新增橫條

新增橫條即可開始安排頁面結構。您可使用橫條劃分頁面內容和資訊。橫條常用於顯示聯絡資料和價格清單。
提示:
橫條特別適合用於單頁式網站

若要新增橫條:

  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. 選擇要自訂的項目:
自訂帶狀圖片設計的螢幕截圖。