安排頁首

為網站的每個頁面設定頁首:把圖片和文字放在九宮格上,並選擇文字、字型、大小和顏色。

適用戰隊擁有者與管理員 · 14 個步驟

事前準備

  • 你的戰隊有網站訂閱。免費戰隊的管理區會顯示取得網站,而不是頁面。
  • 你是戰隊的擁有者或管理員。
  • 你已經選好範本,請參考選擇範本。選好之前,頁面裡不會有頁首連結。

步驟

  1. 步驟 1:開啟頁面

    在戰隊的管理區,按左側選單中的 頁面。

    你會看到:標題為頁面的頁面,列出你網站的所有頁面。

    戰隊的管理區選單,已框出頁面。
  2. 步驟 2:開啟頁首

    按頁面上方的 頁首。每個頁面編輯器也有捷徑:編輯此頁面的頁首。

    你會看到:標題為頁首的頁面,網站的每個頁面各有一個分頁,包括首頁、戰隊、新聞、比賽、錦標賽、影片、關於和商店。分頁下方是網站顯示的頁首,疊在九宮格上。

    頁面清單,已框出頁首連結。
  3. 步驟 3:選擇頁面

    按你要修改的頁面分頁,例如 首頁。

    每個頁面都有自己的頁首:一張圖片和一個文字區塊,是頁面最先顯示的內容。標題留空時會顯示頁面本身的名稱,首頁則顯示你的戰隊名稱。在你儲存首頁頁首之前,它會沿用首頁的圖片和標語。

    你會看到:該頁面的頁首,文字區塊上有文字控制點。

    頁首編輯器,已框出首頁分頁。
  4. 步驟 4:選取圖片

    在右側面板中,按 圖片。

    你會看到:面板標題變成圖片區塊,下方是圖片欄位。

    側邊面板,已框出圖片按鈕。
  5. 步驟 5:選擇圖片

    按 選擇圖片(設定圖片後會變成 更換)。在開啟的視窗中,挑一張戰隊已上傳的圖片,或用 上傳 新增一張,格式為 JPEG、PNG、WebP 或 AVIF,最大 5 MB。輸入替代文字,然後按 插入。

    圖片會完整顯示,絕不裁切,透明背景也會保持透明,所以有透明背景的 PNG 效果很好。要從頁首拿掉圖片,按 移除。

    你會看到:圖片出現在頁首,上面有圖片控制點。

    已選好圖片的插入圖片視窗,已框出替代文字欄位和插入按鈕。
  6. 步驟 6:選擇圖片大小

    在大小下方,按 S、M、L 或 填滿。

    填滿會把圖片放在文字後面,鋪滿整個頁首。

    你會看到:頁首裡的圖片變大或變小。

    圖片的大小選項,已框出 M。
  7. 步驟 7:移動圖片

    把圖片的控制點拖到九宮格的任一格。你也可以按一下控制點,再用方向鍵移動,每按一次移動一格。或者按 Enter 或 Space 拿起它,用方向鍵移動,再按一次 Enter 或 Space 放下。

    文字區塊的移動方式相同。如果兩者放在同一側,就會重疊,編輯器會清楚顯示重疊的樣子。

    你會看到:圖片移到新的格子,例如右上角。

    圖片已移到右上角格子的頁首,已框出控制點。
  8. 步驟 8:輸入標題和副標題

    在面板中,按 文字。輸入標題(最多 60 個字元)和副標題(最多 120 個字元)。

    標題留空會顯示頁面本身的名稱。副標題可以不填,但首頁例外:儲存首頁頁首後,沒有副標題就無法發布網站。

    你會看到:你輸入的文字即時出現在頁首,每個欄位下方會顯示字數。

    文字面板,已框出標題和副標題欄位。
  9. 步驟 9:選擇字型

    在字型下方,打開清單並挑一個字型。主題字型會沿用範本使用的字型。

    標題和副標題可以各自設定字型。

    你會看到:頁首文字換成新字型。

    標題的字型清單,已框出,顯示 Oswald。
  10. 步驟 10:選擇大小

    在大小下方,按 S、M、L 或 XL。

    你會看到:頁首裡的文字變大或變小。

    標題的大小選項,已框出 L。
  11. 步驟 11:選擇顏色

    在顏色下方,按四個色塊之一:主題文字、強調色、白色或黑色。

    主題文字和強調色會跟著你在外觀設定的顏色;白色或黑色在深色或淺色圖片上都很清楚。

    你會看到:文字換成新顏色。

    標題的顏色色塊,已框出強調色。
  12. 步驟 12:在手機上檢查

    在頁首上方,按 手機。按 桌機 切換回來。

    在手機上,圖片一律在文字上方,不管你選了哪些格子。

    你會看到:頁首縮成手機的寬度。

    手機按鈕和縮窄的頁首,已框出。
  13. 步驟 13:儲存

    按編輯器底部的 儲存。所有你修改過的分頁都會一起儲存,分頁上的圓點代表有未儲存的變更。

    儲存後頁首只存在草稿裡,發布前訪客看不到。儲存首頁頁首後,首頁的圖片和標語就改在這裡設定:首頁編輯器原本的位置會顯示編輯頁首,按鈕則留在首頁編輯器裡。

    你會看到:「已儲存」。

    頁首編輯器,已框出儲存按鈕。
  14. 步驟 14:發布網站

    按左側選單中的 發布 並發布,請參考發布網站。

    你會看到:發布前的變更清單中有頁首,發布後網站顯示新的頁首。

如何確認成功

  • 編輯器上方的 預覽此頁面 會在頁面上顯示已儲存的頁首。
  • 發布後,每個你修改過的頁面都會顯示新的頁首。

看起來不太對?

我已經儲存了,但網站沒變

儲存後頁首只存在草稿裡。按選單中的發布,把它們放上網站(步驟 14)。

我在首頁編輯器找不到標語和圖片了

你儲存了首頁頁首,所以它們移到這裡了:請在頁首的首頁分頁編輯。首頁編輯器裡的編輯頁首連結會帶你過去。按鈕仍留在首頁編輯器裡。

儲存按鈕是灰色的

圖片缺少替代文字(步驟 5),或是上次儲存後沒有任何變更。如果你的訂閱已失效,管理區會變成唯讀,恢復付款前都無法儲存。

儲存首頁頁首後,網站無法發布

首頁主視覺有標語這項檢查沒通過:儲存首頁頁首後,它的副標題就是戰隊名稱下方那行字,所以不能留空。在首頁分頁輸入副標題(步驟 8),儲存,然後再發布一次。

顯示「你開啟此頁面後,頁面已有變更」

你開著頁首的時候,別的地方已經儲存過,可能是其他管理員,或是你在另一個分頁儲存的,所以你的變更沒有儲存。按重新載入,然後重新修改一次。

相關文章

還是卡住了?聯絡客服或寄信至 support@spawnfront.com,告訴我們你所在的頁面和步驟編號。