換成自己的內容展開目錄
頁面編輯

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

從畫布直接改字,在右側設定替換圖片與裁切焦點,再新增影片區塊;最後用桌機與手機預覽確認再發佈;若修改共用資料圖片,按「儲存圖片」就會同步公開內容。

約 10 分鐘最後複驗:2026-10-04負責維護:Growth Team · Help Center

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

繁體中文字幕預設開啟;若和瀏覽器即時字幕重複,可在這裡關閉。

動畫教學片頭:anting.tw 標誌與「把模板內容換成自己的」標題。影片附可開關的繁體中文字幕、逐字稿與章節索引,也可以下載 MP4。

完成後你會得到

完成後,首頁與關於頁會使用正式文字、授權圖片與可播放影片;頁面內容先留在草稿,經預覽確認並發佈後才更新公開網站;共用資料圖片則在按「儲存圖片」後立即同步所有引用頁面。

開始前準備

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

操作步驟

1

第 1 步,共 6 步:在畫布直接改標題

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

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

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

第 2 步,共 6 步:調整目前文字的粗細與對齊

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

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

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

第 3 步,共 6 步:上傳圖片或貼上新圖片網址

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

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

若點到服務、作品等共用資料圖片,右側會顯示資料名稱與同步影響。先核對名稱,再更換圖片來源並按「儲存圖片」;這會立即更新所有引用頁面,不需另外發佈網站。

右側作品圖片網址欄位
在同一個圖片欄位貼網址或使用上傳按鈕。 開啟原尺寸圖片。
把模板內容換成自己的:改文字、換圖片與加入影片:上傳圖片或貼上新圖片網址
共用資料圖片會顯示資料名稱與同步影響;更換後按「儲存圖片」即更新引用頁面。 開啟原尺寸圖片。
只使用已取得授權、沒有不必要個資的圖片;外部網址若封鎖跨站讀取,畫布會無法載入。
完成結果: 指定作品卡片顯示新圖片,其他卡片內容不變。若面板標示「共用資料圖片」,先核對資料名稱,再按「儲存圖片」;這會立即更新所有引用該筆資料的公開頁面,不需另行發佈網站。
4

第 4 步,共 6 步:把圖片裁切焦點留在主體上

切到關於頁,選取主視覺。支援焦點控制的版型會在右側為每張照片提供一個「照片位置」選單;同一區塊有多張照片時,選單會標明是哪一張,例如「左側照片位置」「右側照片位置」。

依主體在照片中的位置,從九個選項中挑一個:左上、上方、右上、左側、置中、右側、左下、下方、右下;沒有設定時等同「置中」。其他圖片區塊若沒有照片位置選單,可能提供圖片比例與「裁切填滿/完整顯示」,請依該區塊實際欄位設定。

關於頁主視覺的照片位置選單
在「照片位置」選單挑出主體所在的方位,裁切時會保留那一塊。 開啟原尺寸圖片。
同一張圖在桌機與手機的容器比例不同,兩種預覽都要確認。
照片位置只在照片被裁切填滿時有作用;設成「完整顯示」時整張照片都會露出,選哪個位置看起來都一樣。
完成結果: 照片以「照片位置」選定的方位為裁切重心,圖片主體在目前版面中保持可見。
5

第 5 步,共 6 步:新增影片區塊並設定來源

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

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

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

第 6 步,共 6 步:用桌機與手機預覽後再發佈

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

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

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

常見問題

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

這篇如何保持正確

負責人
Growth Team · Help Center
複驗節奏
最後複驗 2026-10-04;下次應於 2026-10-12 前完成
驗證依據與邊界
本文依 18 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

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