謝國城棒球文教基金會

官網後台操作手冊

版本:2026 年 5 月

👋 歡迎使用後台管理系統

這份手冊會教您如何使用後台所有功能,包括發布新聞、上傳照片、嵌入影片、多語言翻譯等。 第一次使用建議從第 1 章開始看,遇到問題請翻到最後的「常見問題」。

📚 章節目錄

  1. 開始使用
  2. 發布最新消息
  3. 管理活動 / 賽事
  4. 上傳照片與影片
  5. 翻譯助手(中→英、中→日)
  6. 使用者管理(管理員專用)
  7. 密碼相關
  8. 常見問題 FAQ

1. 開始使用

登入後台

  1. 1
    打開瀏覽器,輸入網址:
    https://baseball-2a03c.web.app/admin/login/
  2. 2
    輸入您的電子郵件和密碼
  3. 3
    點擊「登入」按鈕,成功後會自動進入儀表板

認識後台介面

  • 左側選單:所有功能都在這裡,分為「內容管理」和「系統管理」
  • 頂部:顯示當前頁面名稱、您的帳號和角色
  • 左下角:可以看到您的身份、查看前台、登出
角色差別:管理員可以使用所有功能,編輯不能管理使用者帳號。

2. 發布最新消息

新增一則新聞

  1. 1
    左側選單點「最新消息」→ 右上角「新增消息」
  2. 2
    填寫標題、摘要(會顯示在列表頁)
  3. 3
    封面圖片:把圖片直接拖進虛線框,或點一下選檔(建議橫式 16:9 比例)
  4. 4
    內文編輯器:可以用工具列做粗體、標題、列表、貼連結、插入圖片、嵌入 YouTube
  5. 5
    檢查無誤後,按「儲存草稿」(不會公開)或「發布」(公開到網站)
外部連結技巧:要把 Yahoo / 聯合報的新聞報導放上來,只要在內文用「🔗 連結」按鈕貼網址就好,前台訪客點下去會自動在新分頁打開。
儲存草稿 vs 發布:草稿不會出現在前台網站,只有「發布」狀態的才會公開。可隨時切換。

3. 管理活動 / 賽事

新增一場活動

  1. 1
    左側選單「活動 / 賽事」→「新增活動」
  2. 2
    填寫活動名稱(例:第36屆謝國城盃全國少棒錦標賽)
  3. 3
    填寫簡短說明、開始日期、結束日期、地點、報名連結
  4. 4
    封面圖片:拖放上傳一張代表照片(活動列表頁會顯示)
  5. 5
    詳細內容:寫活動說明,可以插入圖片或 YouTube 影片
  6. 6
    活動相簿:這是重點 — 可以一次選或拖很多張照片上來(揭牌儀式 30 張、少棒比賽現場照都放這裡),系統會自動壓縮上傳
  7. 7
    確認後按「發布」
相簿小技巧:照片上傳後可以用拖曳調整顯示順序;hover 在縮圖上會出現「✕」可單張刪除(從顯示中移除,不會刪原檔)。

4. 上傳照片與影片

圖片上傳

  • 支援格式:JPG / PNG / WebP / GIF
  • 檔案大小:原檔最大 50MB,系統會自動壓縮到 1MB 以下
  • 建議尺寸:橫式 1920×1080(16:9)效果最好
  • 拖放上傳:直接把照片從電腦拖到上傳區即可

嵌入 YouTube 影片

  1. 1
    在新聞或活動的「詳細內容」編輯器,把游標移到要插入影片的位置
  2. 2
    點工具列的「YouTube」按鈕
  3. 3
    跳出對話框 → 貼上 YouTube 連結 → 按確定
支援 Shorts:一般 YouTube 影片或 YouTube Shorts 連結都可以,例如:
https://www.youtube.com/watch?v=xxx
https://youtube.com/shorts/xxx

5. 翻譯助手(中→英、中→日)

網站支援繁體中文 / 英文 / 日文三語切換。後台只要填中文,其他兩個語言可以用翻譯助手請 ChatGPT 或 Claude 幫忙翻譯。

使用流程

  1. 1
    寫完中文內容後,按表單上的「🌐 翻譯助手」按鈕
  2. 2
    步驟 1 區塊:點「📋 複製」按鈕,已自動帶好提示詞 + 您的中文內容
  3. 3
    打開 ChatGPT(chat.openai.com)或 Claude(claude.ai),貼上剛剛複製的內容並送出
  4. 4
    AI 會回傳一段 JSON,把整段(從「{」到「}」)複製
  5. 5
    回到後台「翻譯助手」步驟 2 區塊,把 JSON 貼進文字框 → 按「✓ 套用譯文
  6. 6
    最後一定要按「儲存草稿」或「發布」,翻譯才會真正存進資料庫!
常見錯誤:忘記按儲存。「套用譯文」只是把翻譯放進表單,沒按儲存就會跑掉。
專名規則:提示詞已內建「謝國城 → Hsieh Kuo-Cheng / 謝国城」、「棒球 → baseball / 野球」等規則,翻譯品質會比直接丟翻譯軟體好。

沒翻譯會怎樣?

訪客切到英文 / 日文時,沒翻譯的欄位會自動顯示中文,不會空白。所以可以慢慢補翻譯。

6. 使用者管理(管理員專用)

此功能只有管理員角色看得到。編輯角色看不到此選單。

新增使用者

  1. 1
    左側選單「使用者管理」→ 右上角「➕ 新增使用者」
  2. 2
    填寫對方的電子郵件、姓名、初始密碼
  3. 3
    選擇角色:
    • 管理員:所有權限,可管理使用者
    • 編輯:可編輯內容,不能管理使用者
  4. 4
    按「建立」→ 把帳號密碼告訴對方
建議流程:建好帳號後,立刻按「📧 寄重設信」讓對方自己設密碼,比較安全。

改角色 / 寄重設信 / 刪除

  • 升為管理員 / 降為編輯:點該使用者列的對應按鈕
  • 📧 寄重設信:對方忘記密碼時用,會寄一封 Firebase 重設信到他信箱
  • 🗑️ 刪除:移除權限資料(但 Firebase Auth 帳號仍存在,需另外到 Firebase Console 完全刪除)
  • 不能刪除自己 / 改自己角色(防呆)

7. 密碼相關

忘記密碼

  1. 1
    登入頁點「忘記密碼?」連結
  2. 2
    輸入您的電子郵件 → 按「寄送重設信」
  3. 3
    查信箱(含垃圾信件夾)→ 點信中的連結 → 設定新密碼
重設信若超過 5 分鐘還沒收到,先檢查垃圾信件夾。還是沒收到請聯繫管理員幫忙寄重設信。

想自己改密碼?

目前沒有「修改密碼」介面,但可以走「忘記密碼」流程改。 寄重設信給自己 → 點連結 → 設定新密碼即可。

8. 常見問題 FAQ

Q1:發布了新聞,前台怎麼沒看到?

確認該篇狀態是「發布」而非「草稿」。草稿只儲存在後台,不會公開。

Q2:照片上傳很慢?

系統會在上傳前自動壓縮,原始檔案越大壓越久(5MB 以上的照片會明顯變慢)。建議先在電腦上把照片縮到 2MB 以內再上傳。

Q3:YouTube 影片貼了沒顯示?

確認用的是工具列的「YouTube」按鈕(不是「連結」按鈕)。 如果只是貼網址會變成普通連結,不會嵌入。

Q4:翻譯助手按了「套用」,但網站還是中文?

套用後還要按「儲存草稿」或「發布」才會寫進資料庫。也檢查網站右上角語言切換是否切到對應語言。

Q5:可以刪除已發布的新聞 / 活動嗎?

可以。在列表頁找到該則 → 點「刪除」即可。刪除無法復原,請小心。

Q6:手機可以用後台嗎?

可以,但因為要打很多字 + 拖放圖片,建議用電腦或平板體驗較好。

Q7:照片數量有上限嗎?

活動相簿單場最多 100 張(防呆機制)。整個網站總容量 5GB(足夠放上萬張壓縮後的照片)。

Q8:操作中遇到「權限不足」怎麼辦?

代表您的角色(編輯)無法做這個動作(例如管理使用者)。請聯繫管理員協助。

📮 還有其他問題?

請聯繫網站維護人員:游弘宇(eric19991213@gmail.com)

© 2026 謝國城棒球文教基金會 · 官網後台操作手冊