搜尋操作說明
換成自己的內容展開目錄
頁面與內容編輯

把模板內容換成自己的:改文字、換圖片與加入影片

從畫布直接改字,在右側設定替換圖片與裁切焦點,再新增影片區塊;最後用桌機與手機預覽確認,發佈後才讓訪客看到。

10 分鐘最後複驗:2026-08-13

教學影片更新中

這支影片正在依最新介面重新錄製與複驗。下方圖文步驟仍可正常使用;影片通過操作重播、繁中字幕與逐字稿驗證後才會恢復。

完成後你會得到

完成後,首頁與關於頁會使用正式文字、授權圖片與可播放影片;所有變更先留在草稿,經預覽確認並發佈後才更新公開網站。

開始前準備

  • 用網站擁有者或具內容編輯權限的帳號登入 QA 網站。
  • 準備正式文案、已取得公開使用權的圖片,以及 YouTube、Vimeo 或公開 MP4/WebM 影片來源。
  • 不要在教學、測試素材或畫面中放入真實顧客個資與機密網址。

操作步驟

1

在畫布直接改標題

進入網站編輯器首頁,直接點主視覺的標題。文字外框與浮動工具列出現時,代表目前選取的是文字欄位,不是整個區塊。

全選模板文字後輸入正式標題。畫布會即時顯示結果;先確認換行與長度,變更仍只存在草稿。

首頁主視覺已顯示新的品牌標題
輸入後直接在畫布確認正式標題與換行。 開啟原尺寸圖片。
找不到文字游標時,確認點的是可編輯文字本身;區塊工具列與文字工具列用途不同。
完成結果: 首頁主視覺顯示新的品牌標題,其他欄位與區塊保持不變。
2

調整目前文字的粗細與對齊

保持標題被選取,按浮動工具列的「粗體」,再按「置中」。按鈕的啟用狀態與畫布變化會立即反映目前設定。

這些設定只影響目前文字欄位。要統一全站字型、基本字級或品牌色,請改用網站樣式。

文字浮動工具列的置中按鈕已啟用
置中只套用到目前選取的標題。 開啟原尺寸圖片。
避免逐欄設定整站樣式;重複的品牌規則應集中在網站樣式管理。
完成結果: 目前標題套用粗體並在自己的內容區內置中,其他文字不受影響。
3

上傳圖片或貼上新圖片網址

選取首頁的作品區塊,在右側展開要修改的作品項目。圖片欄位可以貼上可公開讀取的圖片網址,也可以按「上傳圖片/更換圖片」從裝置選檔。

上傳由系統取得簽署網址並完成傳輸;欄位寫入新來源後,回到畫布確認正確的卡片已換圖。

右側作品圖片網址欄位
在同一個圖片欄位貼網址或使用上傳按鈕。 開啟原尺寸圖片。
只使用已取得授權、沒有不必要個資的圖片;外部網址若封鎖跨站讀取,畫布會無法載入。
完成結果: 指定作品卡片顯示新圖片,其他卡片內容不變。
4

把圖片裁切焦點留在主體上

切到關於頁,選取主視覺。支援焦點控制的版型會在右側顯示「裁切焦點(水平)」與「裁切焦點(垂直)」。

先依主體位置調整水平,再調整垂直焦點。其他圖片區塊若沒有焦點選單,可能提供圖片比例與「裁切填滿/完整顯示」,請依該區塊實際欄位設定。

關於頁主視覺的垂直裁切焦點選單
在這個選單設定垂直焦點;水平與垂直焦點共同決定圖片主體保留的位置。 開啟原尺寸圖片。
同一張圖在桌機與手機的容器比例不同,兩種預覽都要確認。
完成結果: 主視覺以指定位置為裁切重心,圖片主體在目前版面中保持可見。
5

新增影片區塊並設定來源

回到首頁,在主視覺與介紹區塊之間按「新增區塊」,選「影片」,再選「預設」版型。新區塊會插在剛才按下新增的位置。

選取新影片區塊,在右側貼上 YouTube、Vimeo 或可公開讀取的 MP4/WebM 連結;也可以上傳不超過 60MB 的影片。來源有效時,畫布會載入播放器。

右側設定面板的影片來源網址欄位
在這個欄位貼上 YouTube、Vimeo 或公開影片檔連結。 開啟原尺寸圖片。
首頁新增的影片區塊已顯示播放器
來源有效時,畫布會載入可播放的影片。 開啟原尺寸圖片。
單一上傳影片上限為 60MB;較大檔案優先用 YouTube 或 Vimeo。
確認影片已取得公開播放權利,且畫面、字幕與聲音不含未授權個資。
完成結果: 首頁新增一個可播放的影片區塊,影片來源已寫入草稿。
6

用桌機與手機預覽後再發佈

先用上方裝置按鈕切換桌機與手機,逐頁確認標題沒有溢出、圖片主體沒有被裁掉、影片比例與控制項正常。

確認草稿無誤後再執行發佈。編輯器內看到新內容不代表訪客已經看到;公開網站只會更新到最後一次成功發佈的版本。

編輯器上方的手機預覽按鈕已啟用
發佈前切到手機預覽,再確認文字、圖片與影片。 開啟原尺寸圖片。
若預覽仍顯示舊內容,先確認目前頁面與草稿版本,再重新整理;不要用真實顧客資料排查。
完成結果: 桌機與手機預覽均可閱讀、圖片主體清楚、影片可載入;發佈成功後公開網站顯示同一版內容。

常見問題

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

相關操作說明

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。