VOCAL CRAFTSMAN · 2026-10-30

網站更新及後台使用指南

網站內容現在可以由你們自己更新,不用再等人改程式。這份文件說明今次更新了什麼,以及日常怎樣在後台新增、修改和刪除內容。

今次更新

新增內容後台

可自行更新活動、課程資料、導師資料和學員真實分享,相片和影片都可以直接上傳。

網站搬到 Cloudflare

網站現在由 Cloudflare 提供服務。網址 vocalcraftsman.com 不變,客人看到的版面也沒有改動。

報名表安排不變

報名表通知電郵仍然經原有的 SiteGround 電郵發送,收件人不變。已測試過,電郵正常收到。

新增「最新活動」區塊

首頁有一個新的活動區塊。後台加了活動才會出現,沒有活動時會自動隱藏。

登入後台

  1. 用瀏覽器打開下面的網址。
  2. 輸入後台密碼,按「登入」。密碼由我們另外提供。
  3. 登入後約 12 小時會自動登出,之後重新輸入密碼即可。用完也可以按右上角「登出」。
https://vocalcraftsman.com/admin/

請不要把密碼貼在公開的群組或網頁。連續輸入錯誤密碼多次,系統會暫停一分鐘,之後可再試。

基本操作

後台上方有四個分頁:活動、課程資料、導師資料、真實分享。四個分頁的操作都一樣。

  • 新增:按右上角 + 新增,填好資料後按 儲存。
  • 修改:在清單中按該項目的 編輯,改好後按 儲存。不想改了按 取消。
  • 刪除:按 刪除,系統會再問一次。刪除後無法還原。
  • 暫時隱藏:活動、導師、真實分享都有「顯示在網站」選項。取消勾選後,內容保留在後台,但網站不會顯示,清單上會標示「已隱藏」。
  • 調整次序:課程、導師和真實分享可用清單上的 ↑ ↓ 移動先後。活動會按日期自動排列。
  • 查看效果:儲存後馬上生效,不用等。按右上角「查看網站」開啟網站,重新整理頁面就能看到。

標有 * 的欄位一定要填。

活動

顯示位置:首頁「最新活動」,導覽列會多一個「活動」。

活動名稱*
活動的標題。
開始日期*
用日期選擇器選擇。
結束日期
單日活動留空。
時間
例如:14:00–16:00。
地點
活動地點。
活動介紹
簡單說明活動內容。
活動圖片
活動海報或相片。
報名/詳情連結
例如 WhatsApp 或 Facebook 活動連結。留空則不顯示按鈕。
連結按鈕文字
留空則顯示「了解更多」。
顯示在網站
勾選才會公開。
  • 即將舉行的活動排在前面,標示「即將舉行」。已過去的活動標示「已完結」,最多保留最近 6 個。
  • 如果沒有任何「顯示在網站」的活動,首頁的活動區塊和導覽列的「活動」會自動隱藏。

課程資料

顯示位置:首頁「課程資訊」,以及各頁報名表的課程選單。

課程名稱*
同時是報名表選單的選項名稱。
可在報名表選擇
勾選後,這個課程會出現在報名表的下拉選單。
在網站顯示課程介紹
勾選後,首頁會有完整的課程介紹版面。只想出現在報名表選單的課程,取消勾選即可。
小標題
例如:VOCAL HARMONY · 入門課程。
簡介
課程簡短介紹。
課程特色標籤
每行一個,例如「合共八堂」。
班別時間表
按「+ 新增班別」,填寫班別(例如 A 班)、上課時間和開班日期。每個班別可用「刪除此班別」移除。
課程內容
每行一項。想要「粗體標題+細字說明」,用 | 分隔(見下面例子)。
課程海報
課程海報圖片。
海報文字說明
用文字描述海報內容,給視障用戶和搜尋引擎參考。
查詢提示、查詢電話
例如「名額有限,歡迎查詢」和「9831 5128」。
WhatsApp 預設訊息
客人按 WhatsApp 按鈕時自動帶出的第一句。留空則自動用「你好,我想查詢+課程名稱」。
標籤
用空格分開,例如:#學唱歌 #和音班

「課程內容」寫法例子:

精選熱門流行曲目 | 《曲名一》、《曲名二》 和音基本功訓練 實戰合唱練習

第一行會顯示為粗體標題,後面接細字說明;沒有 | 的行就只顯示一般文字。

導師資料

顯示位置:導師頁,以及各頁報名表的導師選單。

姓名*
同時是報名表導師選單的選項名稱。
小標題
例如:Founder、Vocal Coach。
職銜
導師的職位或簡介一句。
亮點一句
選填,會用較突出的樣式顯示在最前面。
介紹
導師詳細介紹。段落之間空一行。
照片
導師相片。
顯示在網站
取消勾選即暫時隱藏,導師頁和報名表選單都不會出現。

導師的先後次序用清單上的 ↑ ↓ 調整。

真實分享

顯示位置:首頁「來自學員的真實分享」,分為上方的大卡片和下方的「更多學員課後感想」。

類型*
選擇「相片」(例如手寫回饋、訊息截圖)或「影片」。
相片/影片*
按「選擇相片」或「選擇影片」上傳,詳見下一節。
影片封面圖
只在類型選「影片」時出現。選填,影片未播放時顯示。
標題*
這則分享的標題。
說明/引言
只用於大版面。
小字
例如:Linda · Vocal Craftsman 學員。
圖片文字說明
只在類型選「相片」時出現。把相片內的文字簡述一下,給視障用戶和搜尋引擎參考。
橫向相片
相片是橫向的話勾選,小版面會完整顯示。
大版面
顯示在最上方的大卡片,建議最多 2 個。其餘會顯示在「更多學員課後感想」。
顯示在網站
勾選才會公開。

上傳相片和影片

  1. 在有「相片」或「影片」的欄位按 選擇相片 或 選擇影片,然後選擇檔案。
  2. 等進度跑到完成,欄位會顯示「已上傳。記得按下方「儲存」。」
  3. 按頁面底部的 儲存,內容才會真正更新。
  4. 想換檔案,按 更換檔案;想清除,按 移除。
相片格式
JPG、PNG、WebP。系統會自動縮小到適合網頁的大小,直接用手機相簿的相片也可以。
影片格式
MP4、WebM、MOV。
影片大小
上限 24 MB。超過的話後台會提示。請先用手機或剪片軟件壓縮,或剪短一點再上傳。

每次上傳都會存成新檔案。換掉相片後,舊的相片不會再顯示,不用擔心客人看到舊圖。

常見問題

儲存了,網站沒有變?

先把網站頁面重新整理。如果仍然沒變,檢查該項目的「顯示在網站」有沒有勾選,清單上有沒有「已隱藏」標記。

想暫時不顯示某個內容,要刪除嗎?

不用。活動、導師和真實分享取消勾選「顯示在網站」即可,之後想再顯示就重新勾選。課程則取消「在網站顯示課程介紹」和「可在報名表選擇」。

誤刪了怎麼辦?

刪除後無法在後台還原,需要重新新增。不確定的話,建議先用「隱藏」代替刪除。

提示「登入已過期」?

登入約 12 小時有效。重新輸入密碼登入即可。如果正在填寫的內容還沒儲存,登入後需要重新填寫。

上傳失敗?

先看提示訊息。常見原因是影片超過 24 MB,或網絡中斷。壓縮檔案或換個網絡再試一次。

忘記密碼,或想更改密碼?

請聯絡我們,我們可以重設後台密碼。

報名表收不到電郵?

請先檢查垃圾郵件匣。如果仍然沒有,請聯絡我們跟進。