安排頁首
為網站的每個頁面設定頁首:把圖片和文字放在九宮格上,並選擇文字、字型、大小和顏色。
適用戰隊擁有者與管理員 · 14 個步驟
事前準備
- 你的戰隊有網站訂閱。免費戰隊的管理區會顯示取得網站,而不是頁面。
- 你是戰隊的擁有者或管理員。
- 你已經選好範本,請參考選擇範本。選好之前,頁面裡不會有頁首連結。
步驟
步驟 1:開啟頁面
在戰隊的管理區,按左側選單中的 頁面。
你會看到:標題為頁面的頁面,列出你網站的所有頁面。

步驟 2:開啟頁首
按頁面上方的 頁首。每個頁面編輯器也有捷徑:編輯此頁面的頁首。
你會看到:標題為頁首的頁面,網站的每個頁面各有一個分頁,包括首頁、戰隊、新聞、比賽、錦標賽、影片、關於和商店。分頁下方是網站顯示的頁首,疊在九宮格上。

步驟 3:選擇頁面
按你要修改的頁面分頁,例如 首頁。
每個頁面都有自己的頁首:一張圖片和一個文字區塊,是頁面最先顯示的內容。標題留空時會顯示頁面本身的名稱,首頁則顯示你的戰隊名稱。在你儲存首頁頁首之前,它會沿用首頁的圖片和標語。
你會看到:該頁面的頁首,文字區塊上有文字控制點。

步驟 4:選取圖片
在右側面板中,按 圖片。
你會看到:面板標題變成圖片區塊,下方是圖片欄位。

步驟 5:選擇圖片
按 選擇圖片(設定圖片後會變成 更換)。在開啟的視窗中,挑一張戰隊已上傳的圖片,或用 上傳 新增一張,格式為 JPEG、PNG、WebP 或 AVIF,最大 5 MB。輸入替代文字,然後按 插入。
圖片會完整顯示,絕不裁切,透明背景也會保持透明,所以有透明背景的 PNG 效果很好。要從頁首拿掉圖片,按 移除。
你會看到:圖片出現在頁首,上面有圖片控制點。

步驟 6:選擇圖片大小
在大小下方,按 S、M、L 或 填滿。
填滿會把圖片放在文字後面,鋪滿整個頁首。
你會看到:頁首裡的圖片變大或變小。

步驟 7:移動圖片
把圖片的控制點拖到九宮格的任一格。你也可以按一下控制點,再用方向鍵移動,每按一次移動一格。或者按 Enter 或 Space 拿起它,用方向鍵移動,再按一次 Enter 或 Space 放下。
文字區塊的移動方式相同。如果兩者放在同一側,就會重疊,編輯器會清楚顯示重疊的樣子。
你會看到:圖片移到新的格子,例如右上角。

步驟 8:輸入標題和副標題
在面板中,按 文字。輸入標題(最多 60 個字元)和副標題(最多 120 個字元)。
標題留空會顯示頁面本身的名稱。副標題可以不填,但首頁例外:儲存首頁頁首後,沒有副標題就無法發布網站。
你會看到:你輸入的文字即時出現在頁首,每個欄位下方會顯示字數。

步驟 9:選擇字型
在字型下方,打開清單並挑一個字型。主題字型會沿用範本使用的字型。
標題和副標題可以各自設定字型。
你會看到:頁首文字換成新字型。

步驟 10:選擇大小
在大小下方,按 S、M、L 或 XL。
你會看到:頁首裡的文字變大或變小。

步驟 11:選擇顏色
在顏色下方,按四個色塊之一:主題文字、強調色、白色或黑色。
主題文字和強調色會跟著你在外觀設定的顏色;白色或黑色在深色或淺色圖片上都很清楚。
你會看到:文字換成新顏色。

步驟 12:在手機上檢查
在頁首上方,按 手機。按 桌機 切換回來。
在手機上,圖片一律在文字上方,不管你選了哪些格子。
你會看到:頁首縮成手機的寬度。

步驟 13:儲存
按編輯器底部的 儲存。所有你修改過的分頁都會一起儲存,分頁上的圓點代表有未儲存的變更。
儲存後頁首只存在草稿裡,發布前訪客看不到。儲存首頁頁首後,首頁的圖片和標語就改在這裡設定:首頁編輯器原本的位置會顯示編輯頁首,按鈕則留在首頁編輯器裡。
你會看到:「已儲存」。

如何確認成功
- 編輯器上方的 預覽此頁面 會在頁面上顯示已儲存的頁首。
- 發布後,每個你修改過的頁面都會顯示新的頁首。
看起來不太對?
我已經儲存了,但網站沒變
儲存後頁首只存在草稿裡。按選單中的發布,把它們放上網站(步驟 14)。
我在首頁編輯器找不到標語和圖片了
你儲存了首頁頁首,所以它們移到這裡了:請在頁首的首頁分頁編輯。首頁編輯器裡的編輯頁首連結會帶你過去。按鈕仍留在首頁編輯器裡。
儲存按鈕是灰色的
圖片缺少替代文字(步驟 5),或是上次儲存後沒有任何變更。如果你的訂閱已失效,管理區會變成唯讀,恢復付款前都無法儲存。
儲存首頁頁首後,網站無法發布
首頁主視覺有標語這項檢查沒通過:儲存首頁頁首後,它的副標題就是戰隊名稱下方那行字,所以不能留空。在首頁分頁輸入副標題(步驟 8),儲存,然後再發布一次。
顯示「你開啟此頁面後,頁面已有變更」
你開著頁首的時候,別的地方已經儲存過,可能是其他管理員,或是你在另一個分頁儲存的,所以你的變更沒有儲存。按重新載入,然後重新修改一次。
相關文章
還是卡住了?聯絡客服或寄信至 support@spawnfront.com,告訴我們你所在的頁面和步驟編號。