在網站頁首中排列內容

本指引會說明如何排列網站頁首中的區塊，建立你想要的版面形式。

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

請存取 頁首範本組件， 即可重新排列區塊。若之前未曾進行此操作，請依照 「自訂頁首」指引 中的說明進行。

你可以按照下列步驟移動頁首中的區塊：

1. 編輯 頁首範本組件時，按一下 靠近編輯器左上方的 「清單檢視」圖示 (三條橫線)， 即可開啟 「清單檢視」。
2. 尋找要移動的區塊。若在區塊旁邊看到 > 符號，請按一下即可展開並檢視巢狀區塊。
3. 按住區塊名稱並拖曳至新位置。
4. 放開即可將區塊放至新位置。
5. 按一下「 儲存 」按鈕，儲存變更。

若要將頁首區塊以水平方式排列 (如網站標題旁的標誌)，請按照下列步驟 將這些區塊 組合為「列」區塊：

1. 編輯 頁首範本組件時，按一下靠近編輯器左上方的 「清單檢視」圖示 (三條橫線)， 開啟「清單檢視」。
2. 選取欲並排放置的第一個區塊 (例如你的標誌)。
3. 按住 Shift 鍵 (PC) 或 Command 鍵 (Mac)，並按一下要放在該區塊旁邊的第二個區塊 (例如網站標題)。
4. 在顯示的工具列中，按一下 「列」 圖示。
5. 按一下「 儲存 」按鈕，儲存變更。

深入了解 如何組合內容區塊。

若要將頁首區塊垂直置於另一個區塊上方 (例如社交網路服務圖示選單上方的選單)，請將這些區塊組合為 「堆疊」區塊：

1. 編輯 頁首範本組件時，按一下靠近編輯器左上方的 「清單檢視」圖示 (三條橫線)， 開啟「清單檢視」。
2. 選取欲堆疊的第一個區塊 (例如你的選單)。
3. 按住 Shift 鍵，並按一下欲放在下方的第二個區塊 (例如社交網路服務圖示選單)。
4. 在顯示的工具列中，按一下 「堆疊」 圖示。
5. 按一下「 儲存 」按鈕，儲存變更。

深入了解 如何組合內容區塊。

全幅寬度的頁首會建立大膽外觀，範圍橫跨整個瀏覽器視窗。若要將頁首設定為全幅寬度：

1. 編輯 頁首範本組件時，按一下靠近編輯器左上方的 「清單檢視」圖示 (三條橫線)， 開啟「清單檢視」。
2. 尋找 包含頁首的 「群組」區塊。
   • 若頁首不在群組區塊中，請按一下 (⋮) 選單，選取「群組」。
3. 在 顯示的工具列中，按一下 「對齊」 圖示。
4. 選取 「全幅寬度」。
5. 按一下「 儲存 」按鈕，儲存變更。

深入了解如何建立全幅寬度內容。