文字、圖片與影片編輯
直接在畫面上改字、換圖片、調整裁切，或嵌入影片。
共 5 項操作・10 個步驟・最後複驗 2026-08-03
從哪裡進入
視覺編輯器 → 點選文字、圖片或影片
照著下方圖文逐步完成
重點摘要（TL;DR）
內容會先存到網站草稿；圖片裁切只改顯示方式，不會改掉原始檔。
什麼時候會用到
- 要換成自己的品牌內容
- 圖片在手機上被切到重要位置
開始前先準備
- • 準備有使用權的圖片或影片連結
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
直接修改文字
在畫布上看到哪段就改哪段，立即看見新內容。
- 1
這一步要做
確認工具列為「編輯中」，直接點畫布上的標題、段落或按鈕文字。
完成後會看到
文字進入可編輯狀態，游標出現在被點的位置。
- 2
這一步要做
輸入或刪除文字，完成後點畫布空白處。
完成後會看到
新文字留在區塊中，畫布立即以目前版型重新排版。
注意事項
- • 貼上外部文字時留意過長內容；手機版可能因字數太多而換行。
調整文字樣式
改變指定文字的顯示方式，而不必重做整個區塊。
- 1
這一步要做
點選文字所在區塊，在內容面板找到該文字欄位或「樣式」分頁。
完成後會看到
面板顯示此版型支援的對齊、大小、強調或文字樣式選項。
- 2
這一步要做
點選一個樣式選項並觀察畫布。
完成後會看到
被選文字依新設定顯示，其它區塊不會一起改變。
注意事項
- • 全站字體要到「全站字體」修改；這裡只處理目前區塊支援的局部樣式。
上傳或替換圖片
把模板示範圖換成自己的品牌、商品或作品圖片。
- 1
這一步要做
點圖片所在區塊，在內容面板找到圖片欄位，按「上傳圖片」或「更換圖片」。
完成後會看到
系統開啟電腦的檔案選擇視窗。
- 2
這一步要做
選一張圖片並等待上傳完成。
完成後會看到
畫布中的舊圖被新圖取代，欄位顯示已上傳的圖片。
注意事項
- • 上傳前確認圖片使用權；檔案太大會讓上傳與訪客載入變慢。
設定圖片焦點與裁切
讓重要人物或商品在不同卡片比例中仍留在畫面內。
- 1
這一步要做
選中支援裁切的圖片區塊，在「樣式」找到「裁切比例」或「裁切焦點」；首頁大圖可能顯示「裁切焦點（水平／垂直）」。
完成後會看到
面板顯示填滿方式與左、中、右或上、中、下的焦點選項。
- 2
這一步要做
選擇焦點後切到「手機」預覽，查看主體是否仍完整。
完成後會看到
圖片會依新焦點重新裁切，手機窄畫面也保留重要內容。
注意事項
- • 不是每個圖片版型都會裁切；標示「不裁切」的版型會保留原始比例。
嵌入影片
在頁面播放 YouTube、Vimeo 或自己上傳的短影片。
- 1
這一步要做
新增或選中「影片」區塊，在影片欄位貼上 YouTube／Vimeo 連結，或按「上傳影片檔」選 MP4／WebM。
完成後會看到
可辨識的連結會出現嵌入預覽；上傳檔案時顯示壓縮與上傳進度。
- 2
這一步要做
等待處理完成後切到「預覽」，按播放鍵測試。
完成後會看到
影片可在頁面內播放，封面與播放器尺寸符合目前版型。
注意事項
- • 自架影片上限 60MB；長影片建議使用 YouTube 或 Vimeo。
遇到問題先看這裡
- 圖片上傳後看起來模糊或裁錯？
- 使用較高解析度的原圖，重新設定圖片焦點，並切換手機預覽確認不同尺寸。