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

裝飾文字、貼紙與圖片:新增、調整、手機版與刪除

從視覺編輯器加入文字、貼紙或圖片裝飾,掌握移動、縮放、旋轉與屬性設定,並在手機版確認不遮住重要內容。

約 7 分鐘最後複驗:2026-09-30負責維護:Growth Team · Module Enablement

裝飾文字、貼紙與圖片:新增、調整、手機版與刪除

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

動畫教學片頭:anting.tw 標誌與「裝飾文字、貼紙與圖片」標題。影片附可開關的繁體中文字幕、逐字稿與章節索引,也可以下載 MP4。

完成後你會得到

你能安全加入與調整裝飾,分辨不同裝飾可用的屬性,替手機版設定獨立位置,並在不需要時移除。

開始前準備

  • 你是網站擁有者或共同管理者,並已進入該網站的視覺編輯器。
  • 先切到要調整的頁面;一般網站的裝飾會錨定在頁面內的單一區塊。
  • 上傳的裝飾圖片必須有使用權,且不要包含 Email、電話或其他客戶資料。
  • 編輯器先把變更寫進草稿;要讓訪客看到結果,最後仍要按「發佈」。

操作步驟

1

第 1 步,共 6 步:打開裝飾面板並選擇種類

在視覺編輯器左側按「裝飾」。面板分成「圖片」、「貼紙」與「文字」三個分頁。

圖片適合已取得使用權的品牌素材;貼紙有可改色的基本線稿與設計師配色風格包;文字適合短標語、小標與視覺點綴。

裝飾是輔助畫面,不會取代頁面標題、商品價格、按鈕或搜尋需要的主要文字。

視覺編輯器左側的裝飾按鈕,以紅框標示
從左側工具列按「裝飾」,面板會在畫布旁打開。 開啟原尺寸圖片。
裝飾面板的文字分頁,以紅框標示
圖片、貼紙與文字各有獨立入口;這次切到「文字」示範。 開啟原尺寸圖片。
完成結果: 裝飾面板顯示三種新增入口,你能先依用途選擇正確種類。
2

第 2 步,共 6 步:加入文字裝飾

在「自訂文字」輸入一段短句,例如「品牌亮點」。也可以直接按下方的快選短句。

按「加入」後,裝飾會出現在第一個可見區塊;若你原本先選好某個區塊,則會錨定在那個區塊。

面板會自動關閉,讓畫布保留足夠空間調整。圖片與貼紙加入後也遵循相同的選取與定位方式。

裝飾面板的自訂文字輸入欄,以紅框標示
輸入要顯示的短句;示範文字是「品牌亮點」。 開啟原尺寸圖片。
自訂文字旁的加入按鈕,以紅框標示
按「加入」後,裝飾會錨定到頁面內的可見區塊。 開啟原尺寸圖片。
文字裝飾請保持簡短;重要資訊仍應放在可編輯的標題、內文或按鈕欄位。
完成結果: 新裝飾出現在目前頁面的草稿,並可在畫布上選取。
3

第 3 步,共 6 步:選取後移動、縮放與旋轉

點一下畫布上的裝飾,確認藍色外框只框住你要調整的物件。拖曳物件本體可以改位置。

拖曳四個角落的控制點可以縮放;拖曳頂部圓點可以旋轉。文字裝飾的縮放會調整字級。

一般網站的裝飾位置是相對於所屬區塊,而不是整個頁面。不要把物件拖出區塊,也不要遮住導覽、價格或主要行動按鈕。

畫布上的品牌亮點文字裝飾被選取,以紅框標示
先點裝飾本體;藍色外框表示後續動作只會影響這個物件。 開啟原尺寸圖片。
裝飾上方的旋轉圓點,以綠框標示
頂部圓點是旋轉把手;按住後繞著物件中心移動。 開啟原尺寸圖片。
裝飾右下角的縮放控制點,以綠框標示
四角都能縮放;從右下角拖曳最容易同時觀察寬度與高度。 開啟原尺寸圖片。
完成結果: 裝飾停在合適位置,尺寸與角度符合版面,而且仍屬於同一個區塊。
4

第 4 步,共 6 步:依裝飾種類調整屬性

先按左側「裝飾」打開面板,再重新點選畫布上的物件。面板上方的「正在編輯」區只列出目前物件能使用的設定。

文字可以改內容、字體、字級與文字顏色;基本線稿貼紙可以改貼紙顏色,設計師配色貼紙則維持風格包原色。

圖片可以改外型遮罩,並調整亮度、對比與飽和度。這些設定只影響目前選取的裝飾,不會改到原始圖片或其他物件。

左側已打開的裝飾面板,以紅框標示
先打開裝飾面板,讓畫布與設定區並排顯示。 開啟原尺寸圖片。
重新選取品牌亮點後出現正在編輯屬性區,以紅框標示
面板打開後重新選取物件,「正在編輯」區才會顯示該物件的設定。 開啟原尺寸圖片。
正在編輯區的紫色色票,以紅框標示
按色票可立即改變目前文字或基本線稿貼紙的顏色。 開啟原尺寸圖片。
完成結果: 畫布即時顯示新的文字、字體、顏色、圖片外型或影像效果。
5

第 5 步,共 6 步:在手機預覽檢查位置

按編輯器上方的手機圖示,把畫布切成窄螢幕預覽。

確認裝飾完整留在所屬區塊內,也沒有擋住按鈕、價格、選單或重要文字。

如果手機畫面重疊,切回桌機重新調整裝飾的位置與大小,再回手機預覽核對,直到兩邊都清楚可讀。

編輯器上方的手機預覽按鈕,以紅框標示
切到真正的手機畫布,檢查窄螢幕的實際結果。 開啟原尺寸圖片。
已載入的手機預覽畫布,以綠框標示
確認手機畫布完整載入,再檢查裝飾沒有遮住內容或操作。 開啟原尺寸圖片。
每一個重要裝飾都要看手機預覽;桌機看起來正常,不代表窄畫面不會重疊。
完成結果: 桌機與手機預覽中的裝飾都完整可見,且不阻擋主要內容或操作。
6

第 6 步,共 6 步:刪除不再需要的裝飾

先點要刪除的裝飾,確認選取框只包住該物件。

按浮動工具列的垃圾桶,或在物件選取時按鍵盤 Delete。刪除只移除目前頁面的這個裝飾。

如果刪錯,請在繼續其他動作前立刻按上方「復原」。

桌機畫布上的品牌亮點裝飾被選取,以紅框標示
先重新選取要刪除的裝飾,確認藍色選取框只包住該物件。 開啟原尺寸圖片。
已展開的裝飾浮動工具列,以紅框標示
按鉛筆展開浮動工具列,找到文字快速調整與刪除動作。 開啟原尺寸圖片。
裝飾浮動工具列的刪除按鈕,以紅框標示
確認選對物件後,按垃圾桶移除;需要救回時立刻按復原。 開啟原尺寸圖片。
完成結果: 裝飾從畫布與目前頁面的草稿移除。

常見問題

按「加入」後找不到裝飾。
先回到頁面最上方的第一個可見區塊;一般網站的新裝飾會錨定到選取區塊,沒有選取時則放在第一個可見區塊的左上方附近。
裝飾在桌機正常,手機卻擋住文字或跑出畫面。
切到上方手機預覽核對實際排列;若重疊,回到桌機調整裝飾的位置與大小,再反覆檢查兩種預覽。
貼紙找不到改色選項。
設計師配色風格包會保留原色;要自行配色,請改用「基本線稿」貼紙。
拖曳裝飾時整個頁面跟著捲動。
先點物件讓藍色選取框出現,再從物件本體按住拖曳;縮放與旋轉要從對應控制點開始。
刪除後公開網站仍看到舊裝飾。
先確認編輯器顯示「草稿已儲存」,再按「發佈」。草稿變更不會自動更新已公開版本。
裝飾擋住按鈕,訪客無法點擊。
在桌機與手機預覽重新移動或縮小裝飾,讓價格、導覽與行動按鈕保持清楚;裝飾不應承擔主要互動。

這篇如何保持正確

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

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

相關操作說明

還是沒解決?

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