把模板內容換成自己的:改文字、換圖片與加入影片
從畫布直接改字,在右側設定替換圖片與裁切焦點,再新增影片區塊;最後用桌機與手機預覽確認,發佈後才讓訪客看到。
教學影片更新中
這支影片正在依最新介面重新錄製與複驗。下方圖文步驟仍可正常使用;影片通過操作重播、繁中字幕與逐字稿驗證後才會恢復。
完成後你會得到
完成後,首頁與關於頁會使用正式文字、授權圖片與可播放影片;所有變更先留在草稿,經預覽確認並發佈後才更新公開網站。
開始前準備
- 用網站擁有者或具內容編輯權限的帳號登入 QA 網站。
- 準備正式文案、已取得公開使用權的圖片,以及 YouTube、Vimeo 或公開 MP4/WebM 影片來源。
- 不要在教學、測試素材或畫面中放入真實顧客個資與機密網址。
操作步驟
在畫布直接改標題
進入網站編輯器首頁,直接點主視覺的標題。文字外框與浮動工具列出現時,代表目前選取的是文字欄位,不是整個區塊。
全選模板文字後輸入正式標題。畫布會即時顯示結果;先確認換行與長度,變更仍只存在草稿。

調整目前文字的粗細與對齊
保持標題被選取,按浮動工具列的「粗體」,再按「置中」。按鈕的啟用狀態與畫布變化會立即反映目前設定。
這些設定只影響目前文字欄位。要統一全站字型、基本字級或品牌色,請改用網站樣式。

上傳圖片或貼上新圖片網址
選取首頁的作品區塊,在右側展開要修改的作品項目。圖片欄位可以貼上可公開讀取的圖片網址,也可以按「上傳圖片/更換圖片」從裝置選檔。
上傳由系統取得簽署網址並完成傳輸;欄位寫入新來源後,回到畫布確認正確的卡片已換圖。

把圖片裁切焦點留在主體上
切到關於頁,選取主視覺。支援焦點控制的版型會在右側顯示「裁切焦點(水平)」與「裁切焦點(垂直)」。
先依主體位置調整水平,再調整垂直焦點。其他圖片區塊若沒有焦點選單,可能提供圖片比例與「裁切填滿/完整顯示」,請依該區塊實際欄位設定。

新增影片區塊並設定來源
回到首頁,在主視覺與介紹區塊之間按「新增區塊」,選「影片」,再選「預設」版型。新區塊會插在剛才按下新增的位置。
選取新影片區塊,在右側貼上 YouTube、Vimeo 或可公開讀取的 MP4/WebM 連結;也可以上傳不超過 60MB 的影片。來源有效時,畫布會載入播放器。
用桌機與手機預覽後再發佈
先用上方裝置按鈕切換桌機與手機,逐頁確認標題沒有溢出、圖片主體沒有被裁掉、影片比例與控制項正常。
確認草稿無誤後再執行發佈。編輯器內看到新內容不代表訪客已經看到;公開網站只會更新到最後一次成功發佈的版本。

常見問題
- 點文字後無法輸入
- 確認點到的是帶文字外框的可編輯欄位,而不是區塊空白處;若目前在預覽模式,先切回編輯模式。
- 圖片網址貼上後沒有顯示
- 確認網址可公開讀取並直接回傳圖片;若來源封鎖跨站存取,改用已授權檔案上傳。
- 圖片在手機預覽裁掉主體
- 回到支援焦點控制的圖片設定,調整水平與垂直焦點;若區塊提供比例或完整顯示,改用適合該素材的組合。
- 影片連結有效,但畫布沒有播放器
- 確認使用完整 YouTube/Vimeo 網址,或可公開讀取且副檔名為 MP4/WebM 的直連網址;單一上傳影片不可超過 60MB。
- 編輯器已更新,公開網站仍是舊內容
- 確認桌機與手機預覽後執行發佈,等待成功訊息,再重新整理公開網站。


