VOCAL CRAFTSMAN · 2026-10-30
網站更新及後台使用指南
網站內容現在可以由你們自己更新,不用再等人改程式。這份文件說明今次更新了什麼,以及日常怎樣在後台新增、修改和刪除內容。
今次更新
新增內容後台
可自行更新活動、課程資料、導師資料和學員真實分享,相片和影片都可以直接上傳。
網站搬到 Cloudflare
網站現在由 Cloudflare 提供服務。網址 vocalcraftsman.com 不變,客人看到的版面也沒有改動。
報名表安排不變
報名表通知電郵仍然經原有的 SiteGround 電郵發送,收件人不變。已測試過,電郵正常收到。
新增「最新活動」區塊
首頁有一個新的活動區塊。後台加了活動才會出現,沒有活動時會自動隱藏。
登入後台
- 用瀏覽器打開下面的網址。
- 輸入後台密碼,按「登入」。密碼由我們另外提供。
- 登入後約 12 小時會自動登出,之後重新輸入密碼即可。用完也可以按右上角「登出」。
請不要把密碼貼在公開的群組或網頁。連續輸入錯誤密碼多次,系統會暫停一分鐘,之後可再試。
基本操作
後台上方有四個分頁:活動、課程資料、導師資料、真實分享。四個分頁的操作都一樣。
- 新增:按右上角 + 新增,填好資料後按 儲存。
- 修改:在清單中按該項目的 編輯,改好後按 儲存。不想改了按 取消。
- 刪除:按 刪除,系統會再問一次。刪除後無法還原。
- 暫時隱藏:活動、導師、真實分享都有「顯示在網站」選項。取消勾選後,內容保留在後台,但網站不會顯示,清單上會標示「已隱藏」。
- 調整次序:課程、導師和真實分享可用清單上的 ↑ ↓ 移動先後。活動會按日期自動排列。
- 查看效果:儲存後馬上生效,不用等。按右上角「查看網站」開啟網站,重新整理頁面就能看到。
標有 * 的欄位一定要填。
活動
顯示位置:首頁「最新活動」,導覽列會多一個「活動」。
- 活動名稱*
- 活動的標題。
- 開始日期*
- 用日期選擇器選擇。
- 結束日期
- 單日活動留空。
- 時間
- 例如:14:00–16:00。
- 地點
- 活動地點。
- 活動介紹
- 簡單說明活動內容。
- 活動圖片
- 活動海報或相片。
- 報名/詳情連結
- 例如 WhatsApp 或 Facebook 活動連結。留空則不顯示按鈕。
- 連結按鈕文字
- 留空則顯示「了解更多」。
- 顯示在網站
- 勾選才會公開。
- 即將舉行的活動排在前面,標示「即將舉行」。已過去的活動標示「已完結」,最多保留最近 6 個。
- 如果沒有任何「顯示在網站」的活動,首頁的活動區塊和導覽列的「活動」會自動隱藏。
課程資料
顯示位置:首頁「課程資訊」,以及各頁報名表的課程選單。
- 課程名稱*
- 同時是報名表選單的選項名稱。
- 可在報名表選擇
- 勾選後,這個課程會出現在報名表的下拉選單。
- 在網站顯示課程介紹
- 勾選後,首頁會有完整的課程介紹版面。只想出現在報名表選單的課程,取消勾選即可。
- 小標題
- 例如:VOCAL HARMONY · 入門課程。
- 簡介
- 課程簡短介紹。
- 課程特色標籤
- 每行一個,例如「合共八堂」。
- 班別時間表
- 按「+ 新增班別」,填寫班別(例如 A 班)、上課時間和開班日期。每個班別可用「刪除此班別」移除。
- 課程內容
- 每行一項。想要「粗體標題+細字說明」,用 | 分隔(見下面例子)。
- 課程海報
- 課程海報圖片。
- 海報文字說明
- 用文字描述海報內容,給視障用戶和搜尋引擎參考。
- 查詢提示、查詢電話
- 例如「名額有限,歡迎查詢」和「9831 5128」。
- WhatsApp 預設訊息
- 客人按 WhatsApp 按鈕時自動帶出的第一句。留空則自動用「你好,我想查詢+課程名稱」。
- 標籤
- 用空格分開,例如:#學唱歌 #和音班
「課程內容」寫法例子:
精選熱門流行曲目 | 《曲名一》、《曲名二》 和音基本功訓練 實戰合唱練習
第一行會顯示為粗體標題,後面接細字說明;沒有 | 的行就只顯示一般文字。
導師資料
顯示位置:導師頁,以及各頁報名表的導師選單。
- 姓名*
- 同時是報名表導師選單的選項名稱。
- 小標題
- 例如:Founder、Vocal Coach。
- 職銜
- 導師的職位或簡介一句。
- 亮點一句
- 選填,會用較突出的樣式顯示在最前面。
- 介紹
- 導師詳細介紹。段落之間空一行。
- 照片
- 導師相片。
- 顯示在網站
- 取消勾選即暫時隱藏,導師頁和報名表選單都不會出現。
導師的先後次序用清單上的 ↑ ↓ 調整。
真實分享
顯示位置:首頁「來自學員的真實分享」,分為上方的大卡片和下方的「更多學員課後感想」。
- 類型*
- 選擇「相片」(例如手寫回饋、訊息截圖)或「影片」。
- 相片/影片*
- 按「選擇相片」或「選擇影片」上傳,詳見下一節。
- 影片封面圖
- 只在類型選「影片」時出現。選填,影片未播放時顯示。
- 標題*
- 這則分享的標題。
- 說明/引言
- 只用於大版面。
- 小字
- 例如:Linda · Vocal Craftsman 學員。
- 圖片文字說明
- 只在類型選「相片」時出現。把相片內的文字簡述一下,給視障用戶和搜尋引擎參考。
- 橫向相片
- 相片是橫向的話勾選,小版面會完整顯示。
- 大版面
- 顯示在最上方的大卡片,建議最多 2 個。其餘會顯示在「更多學員課後感想」。
- 顯示在網站
- 勾選才會公開。
上傳相片和影片
- 在有「相片」或「影片」的欄位按 選擇相片 或 選擇影片,然後選擇檔案。
- 等進度跑到完成,欄位會顯示「已上傳。記得按下方「儲存」。」
- 按頁面底部的 儲存,內容才會真正更新。
- 想換檔案,按 更換檔案;想清除,按 移除。
- 相片格式
- JPG、PNG、WebP。系統會自動縮小到適合網頁的大小,直接用手機相簿的相片也可以。
- 影片格式
- MP4、WebM、MOV。
- 影片大小
- 上限 24 MB。超過的話後台會提示。請先用手機或剪片軟件壓縮,或剪短一點再上傳。
每次上傳都會存成新檔案。換掉相片後,舊的相片不會再顯示,不用擔心客人看到舊圖。
常見問題
儲存了,網站沒有變?
先把網站頁面重新整理。如果仍然沒變,檢查該項目的「顯示在網站」有沒有勾選,清單上有沒有「已隱藏」標記。
想暫時不顯示某個內容,要刪除嗎?
不用。活動、導師和真實分享取消勾選「顯示在網站」即可,之後想再顯示就重新勾選。課程則取消「在網站顯示課程介紹」和「可在報名表選擇」。
誤刪了怎麼辦?
刪除後無法在後台還原,需要重新新增。不確定的話,建議先用「隱藏」代替刪除。
提示「登入已過期」?
登入約 12 小時有效。重新輸入密碼登入即可。如果正在填寫的內容還沒儲存,登入後需要重新填寫。
上傳失敗?
先看提示訊息。常見原因是影片超過 24 MB,或網絡中斷。壓縮檔案或換個網絡再試一次。
忘記密碼,或想更改密碼?
請聯絡我們,我們可以重設後台密碼。
報名表收不到電郵?
請先檢查垃圾郵件匣。如果仍然沒有,請聯絡我們跟進。