設定網站的頁首樣式

頁首會顯示於網站每個頁面的上方，讓訪客留下深刻的第一印象。本指引會說明如何套用頁首背景、製作頁首置頂，以及自訂頁首使用的字型。

如要按照本指引中的步驟操作，你需要擁有支援網站編輯器的佈景主題。若想確定網站是否使用網站編輯器，請查看網站儀表板中的「外觀」→「編輯器」。

請存取頁首範本組件。若之前未曾進行此操作，請依照「自訂頁首」指引中的指示操作。

變更頁首的背景顏色有助建立品牌識別，讓導覽列元素脫穎而出。若要變更背景顏色：

1. 編輯頁首範本組件時，按一下編輯器左上角附近的「清單檢視」圖示 (三條橫線)，開啟「清單檢視」。
2. 前往頁首範本組件中的「群組」區塊。

3. 在區塊設定側邊欄中，按一下「樣式」圖示。圖示看起來像黑白圓圈。
4. 套用背景顏色或新增背景圖片。

深入了解顏色或背景圖片。

訪客捲動網站時，置頂頁首會固定於螢幕上方。若要建立置頂頁首，請按照下列步驟操作：

1. 從儀表板前往「外觀」→「編輯器」。
2. 按一下右側的首頁預覽，或選取「範本」分頁自訂特定範本。
3. 按一下左上角的「清單檢視」。
4. 選取最上方的頁首元素，按一下三點圖示 (⋮)，然後選取「群組」選項，將頁首置於「群組」區塊中。
5. 在區塊設定側邊欄，將「位置」設為「置頂」。
6. 按一下「儲存」按鈕，儲存變更。

了解如何設定置頂元素所在的「群組」區塊。或了解如何調整「群組」區塊的版面形式。

深入了解如何製作置頂元素。

自訂頁首文字設計，可建立品牌的視覺形象，提高可讀性。若要變更字型樣式：

1. 編輯頁首範本組件時，按一下欲修改的文字元素 (網站標題、選單等)。
2. 在區塊設定側邊欄中，按一下「樣式」圖示。樣式圖示看起來像黑白圓圈。
3. 前往「文字設計」設定，調整字型系列、大小、粗細或其他選項。
4. 按一下「儲存」按鈕，儲存變更。

深入了解自訂字型。