Wix 編輯器：自訂網站頁首
頁首是頁面最上方的區段，用於顯示選單和標誌。頁首會決定訪客對網站的第一印象，因此建議配合品牌和美學風格自訂頁首。
選擇頁首的設計和捲動效果，並設定大小與邊框，讓頁首更加醒目。
凡是顯示頁首的頁面，都會自動顯示頁首內的元件。
變更頁首設計
您可變更頁首設計以配合網站風格。從多種預設格式中選擇設計，並自訂色彩、間距和邊角等設定。
您可分別設計頁首的 2 種狀態：固定和捲動。捲動狀態可讓訪客向下捲動頁面後，看到不同的頁首外觀。例如，您可變更頁首色彩或新增邊框，讓頁首更加醒目。
變更頁首設計：
- 前往編輯器。
- 點擊頁首。
- 點擊「變更頁首設計」。
- 點擊「固定」或「捲動」狀態。
- 使用以下選項自訂頁首設計：
- 填滿色彩與不透明度：選擇頁首背景色彩並調整不透明度。
- 邊框：拖曳滑桿，為頁首新增上、下邊框，使其更加醒目。接著調整邊框的不透明度和色彩。
- 邊角：調整邊框邊角，使其更圓潤或更方正。
- 陰影：新增並設計陰影，讓頁首呈現吸睛的 3D 效果。
將圖片設為頁首背景
若要進一步打造個人化網站，可將圖片設為網站頁首背景。將圖片拖曳至頁首即可附加，接著使用拖曳控點將圖片伸展至整個頁首。然後將圖片移至後方，避免遮住頁首元件。
圖片必須小於頁首，才能放入並正確附加。建議使用解析度和尺寸符合頁首大小的圖片，例如橫幅圖片。
使用圖片作為頁首背景：
- 前往編輯器。
- 新增圖片，或選擇頁面上的現有圖片。
- 將圖片拖曳至頁首，看到「附加至頁首」訊息時放開圖片。
- 拖曳圖片四周的側邊把手，將圖片伸展至覆蓋整個頁首。
- 將圖片移至後方：
- 在圖片上點擊滑鼠右鍵。
- 將滑鼠游標停留在「排列」上方，然後點擊「向後移動」。
提示：
可隨時使用「快速編輯」面板取代頁首圖片，點擊目前圖片旁的「變更」即可。
透明頁首背景
將頁首設為透明，可打造現代俐落的設計，並與網站背景自然融合。
若要將頁首背景設為透明：
- 前往編輯器。
- 點擊頁首。
- 點擊「變更頁首設計」。
- 點擊「固定」或「捲動」狀態。
- 點擊「填滿色彩與不透明度」。
- 將背景不透明度設為 0％。
調整頁首大小
可依需求放大或縮小頁首。
如果頁首包含網站標題、網站選單和標誌等多個元件，建議使用大型頁首。小型頁首適合極簡網站，或大多數元件位於頁面上的網站。
若要調整頁首大小：
- 前往編輯器。
- 點擊頁首。
- 拖曳頁首底部的伸展把手，增加或減少頁首高度。
新增頁首捲動效果
為頁首新增酷炫的捲動效果，決定訪客上下捲動頁面時頁首的呈現方式。例如，訪客捲動時可讓頁首固定在頂端，或讓頁首逐漸淡出。
選擇頁首捲動效果
- 前往編輯器。
- 點擊頁首。
- 點擊「設定」
圖示。 - 選擇捲動效果：
- 隨網站捲動：不套用捲動效果。訪客向下捲動頁面時，頁首（即頁面頂端）也會隨之離開畫面。
- 凍結：訪客上下捲動時，頁首會固定在頁面頂端，方便存取網站選單。
提示：選擇此效果時，建議縮短頁首高度，以免捲動時遮住內容。 - 消失：訪客捲動瀏覽網站時，頁首會逐漸消失。訪客開始向上捲動後，頁首才會重新顯示。
- 淡出：訪客捲動瀏覽網站時，頁首會逐漸淡出；開始往頁面頂端捲動時，頁首便會重新顯示。
常見問題
點擊下方問題即可了解更多。
頁首背景已設為透明，如何讓頁首與下方的帶狀圖片融合？
行動版網站可以使用與桌面版網站不同的捲動效果嗎？
為什麼無法選擇頁首中的元件？