選擇範本與外觀
預覽範本，然後設定網站的顏色、字型、版面選項和標誌。
適用戰隊擁有者與管理員 · 11 個步驟
事前準備
- 你的戰隊有網站訂閱。免費戰隊的管理區會顯示取得網站，而不是範本。
- 你是戰隊的擁有者或管理員。
步驟
步驟 1：開啟範本
在左側選單中，按 範本。
你會看到：標題為「範本」的頁面，每個範本一張卡片。你的網站正在用的那個會標示 使用中。如果你的網站還沒有範本，每張卡片會改顯示 選擇——按下就會選用該範本和它的第一組調色盤，並開啟外觀。
步驟 2：預覽範本
在範本的卡片上，按 預覽。
你會看到：你自己的網站套用該範本，上方有一條寫著預覽的橫條。只有你戰隊的管理員能開啟。看完後按 返回管理區。
步驟 3：開啟外觀
回到範本頁面，按右上角的 外觀。
你會看到：標題為「外觀」的頁面——一側是表單，旁邊是網站的即時畫面（窄螢幕上會在下方）。
步驟 4：選擇調色盤
在調色盤下，選一個範本的預設組合。
你會看到：該預設組合被框起，網站畫面換成它的顏色。預設組合會一次設定五種顏色和兩種字型。
步驟 5：更改顏色
在色彩下，於 主要、強調色、亮點色、背景 或 文字 輸入色碼，例如
#7dd3fc——或按旁邊的方塊挑選顏色。你會看到：網站畫面改變，調色盤下的自訂被框起。每種顏色都會顯示範本的預設值；重設 可以把那個顏色改回來。
步驟 6：為文字和表面設定專屬顏色
在文字與表面下，按 選擇顏色（位於 標題、說明文字、卡片、線條、連結與標籤、按鈕 或 按鈕文字 旁），然後輸入色碼或按旁邊的方塊。每一項一開始都是自動，會依你範本的方式跟著你的五種顏色變化；使用自動 可以改回去。
你會看到：網站畫面改變，每個用於文字的顏色下方會出現類似 7.2:1 · 易讀 的數字——表示它在背景和卡片上有多清楚。低於 4.5:1（標題為 3:1）時會顯示難以閱讀，同時顯示訪客實際會看到的顏色，並提供 調整為易讀，按下會把那個顏色填入欄位。
步驟 7：選擇字型
在字體排版下，開啟 標題字型 或 內文字型 並選一種字型。每種字型都以它本身的樣子顯示，並歸在一個分類下——粗體展示、窄體、科技、簡潔無襯線、襯線、手寫、等寬——你也可以輸入名稱來搜尋。
你會看到：網站畫面換成該字型。更改字型也會讓調色盤變成自訂。
步驟 8：加入你的標誌
在標誌下，按 選擇圖片（位於 文字標誌、方形標誌 或 網站圖示 旁；設定後會顯示為 更換）。在插入圖片視窗中，選一張圖片或上傳——JPEG、PNG、WebP 或 AVIF，最大 5 MB——然後按 插入。標誌不需要替代文字。
- 方形標誌會顯示在網站的導覽列、首頁頂端和隊員名單上。
- 文字標誌可以不設：以圖片呈現的戰隊名稱，任何形狀都行。設定後，它會取代導覽列和首頁頂端的方形標誌與名稱。
- 網站圖示是瀏覽器分頁上的小圖示。
你的標誌絕不會被裁切或修改。 每張圖片都會完整顯示，透明背景也會保持透明。所以方形標誌和網站圖示必須是正方形，至少 256 × 256 像素——其他形狀的圖片在儲存時會被拒絕，並顯示訊息告訴你它的尺寸。這項規則之前選的標誌會繼續顯示，直到你更換為止。
你會看到：欄位旁出現圖片的名稱。預設組合不會改變這些設定。
步驟 9：設定範本選項
再往下，在 Broadcast 選項下，選擇 Hero layout（Image behind the text 或 Image beside the text）和 Card edges（Cut corners 或 Square corners）。其他範本會在這裡列出自己的選項：Neon Grid 的 Motion 可選 Full motion 或 Calm（全部靜止），它的 Hero glow 可選 Bright（首頁頂端從背景色漸變成強調色）或 深色（漸變成由主色和強調色混合的深灰色，看起來更暗）；Crosshair 的 Hero layout 可選 Split（文字在左，圖片在右，上面顯示你的下一場比賽）或 Full-width image；Faceoff 的 Hero alignment 可選 Centered 或 Left，它的 Home roster 可選 Scattered（選手卡片散布在大大的「Meet the squad」周圍）或 Grid；Clutch 的 Hero layout 可選 Bento（主視覺旁邊是最新消息面板）或 Full width，它的 Corners 可選 Rounded 或 Square；Varsity 的 背景 可選 Pinstripe（每個頁面背後有淡淡的斜條紋）或 無，它的 Hero size 可選 Full（高大的照片，選單疊在上面）或 Banner（較矮的照片）；Redline 的 Photo tint 可選 Duotone（照片染上你的主色）或 Natural（保留原本的顏色），它的 Panels 可選 Offset（照片和版塊後方襯著深色方塊）或 Flat。
你會看到：網站畫面的版面改變。
步驟 10：儲存
按表單底部的 儲存。
你會看到：「外觀已儲存」。訪客還看不到——儲存的變更會留在草稿中，直到你發布。
如何確認成功
- 範本頁面將你的範本標示為使用中。
- 發布後，網站會顯示你的顏色、字型和標誌——完整呈現，絕不裁切。
- 每個用於文字的顏色都顯示易讀，或你已接受訪客會看到的易讀色調。
看起來不太對？
我改了顏色，但網站看起來沒變
儲存只會把它們留在草稿中。在選單按發布並發布（步驟 11）。
某個顏色顯示「難以閱讀」
這個顏色的文字在背景或卡片上不夠突出，不是每個人都看得清楚——一般文字需要 4.5:1，標題需要 3:1。訪客永遠不會看到難以閱讀的顏色：網站會改用最接近的易讀色調，表單也會標出它。按 調整為易讀 使用該色調，或自己挑選，直到顯示易讀。保留自動的顏色也會用同樣方式自動調整。發布時也會顯示警告，但絕不會阻止你發布。
我的網站到處都是同一種顏色，很難閱讀
在文字與表面下為每種文字設定專屬顏色（步驟 6）：例如紅色的標題、段落用淺灰色的文字，以及稍亮一點的卡片顏色，讓面板從頁面中突顯出來。如果想讓頁面的整個部分用不同顏色——深色網站裡的淺色商店、一條強調色的色帶——請參閱為網站各部分設定專屬顏色。
切換範本會刪除我的內容嗎？
不會。內容屬於你的網站，而不是範本：你的顏色和字型會沿用到新範本有用到的地方，新範本自己的選項會回到預設值，無法顯示的版塊會被隱藏，不會被刪除。切換前開啟的視窗會列出這三點，你也可以取消。如果你的網站仍是平台預設的顏色和字型——你從沒選過調色盤或改過顏色——就會改用新範本的第一組調色盤，讓網站看起來和範本圖片一樣；視窗會在 色彩與字型 下說明。共有七個範本：Broadcast，比賽日風格；Neon Grid，黑色霓虹風格，主視覺背後有動態網格和發光漸層，你的標誌浮在上面，還有數據計數器和影片牆；Crosshair，黑色科技風格，有框線面板、括號標籤、大型頁尾文字標誌，照片放在最顯眼的位置；Faceoff，藍黑與冰青色風格，每張比賽卡片上你的標誌和對手的標誌正面對峙，有大型主視覺，隊員散布在巨大標題周圍；Clutch，淺色風格，白色圓角卡片、寬版大寫標題和一種亮色，下一場比賽顯示在主視覺中，在寬螢幕上也會顯示在每頁頂端；Varsity，校園風格，海軍藍色帶配一種金色，最佳錦標賽名次顯示在隊員名單上方，比賽以賽程表呈現；Redline，近黑底色配一種紅色，照片染上你的主色（預設為紅色），方形按鈕，比賽以照片列呈現，兩隊標誌隔著 VS 相對。Clutch 的標題使用 Archivo Expanded，你在任何範本的粗體展示分類下都能選用。在電腦或平板上，Faceoff 每頁頂端的加入我們的 Discord 按鈕，只有在你於 社群 加入 Discord 連結後才會出現（加入你的社群連結）。每個範本都用同樣方式顯示直播：當天顯示倒數計時，直播時首頁頂端顯示 Twitch 播放器，其他每頁顯示直播中橫條（安排直播）。
顯示「你開啟後，這個網站已有變更」
另一位管理員先儲存了，你的內容都沒有儲存。按重新載入，然後重新修改一次。
顯示「此標誌為 … 請上傳方形圖片」
方形標誌和網站圖示必須是正方形——寬高相同——而且至少 256 × 256 像素，因為我們絕不裁切。訊息會列出你圖片的尺寸。製作一個方形版本（在寬標誌周圍加上透明空白），上傳後再儲存一次。不是正方形的標誌請放在文字標誌。
顯示「此標誌沒有尺寸紀錄」
我們不知道這張圖片的尺寸，所以無法確認它是正方形。重新上傳，選擇新的那份，然後儲存。
欄位和儲存按鈕變成灰色
你戰隊的訂閱已過期，所以網站頁面在訂閱恢復前都是唯讀。請續訂——請參閱管理帳單。
相關文章
還是卡住了？聯絡客服或寄信至 support@spawnfront.com，告訴我們你所在的頁面和步驟編號。