裝飾文字、貼紙與圖片
在頁面加上可自由移動、縮放與旋轉的視覺裝飾。
共 5 項操作・10 個步驟・最後複驗 2026-08-03
從哪裡進入
視覺編輯器 → 裝飾
照著下方圖文逐步完成
重點摘要(TL;DR)
裝飾只影響畫面呈現,不會變成主要內容或搜尋資訊;手機版仍要另外檢查位置。
什麼時候會用到
- 想增加品牌個性或視覺焦點
開始前先準備
- • 裝飾圖片需有使用權
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。
新增裝飾文字、貼紙或圖片
在區塊上加入自由擺放的品牌小物件。
- 1
這一步要做
在左側按「裝飾」,切換「圖片」、「貼紙」或「文字」分頁。
完成後會看到
面板顯示「上傳圖片」、貼紙包,或「自訂文字/快選」。
- 2
這一步要做
圖片按「上傳圖片」選檔;貼紙點一張圖;文字輸入後按「加入」。
完成後會看到
新裝飾出現在目前頁面並自動被選中,面板關閉以便在畫布調整。
注意事項
- • 網站裝飾會錨定目前區塊;加入前先點對要放置的區塊。
拖曳、縮放與旋轉
把裝飾放到合適位置並調整大小與角度。
- 1
這一步要做
點選畫布上的裝飾,拖曳裝飾本體改位置。
完成後會看到
裝飾跟著游標移動,放開後停在新位置。
- 2
這一步要做
拖四角控制點縮放,拖頂部圓點旋轉。
完成後會看到
裝飾大小與角度立即更新,位置仍錨定在同一區塊。
注意事項
- • 不要把裝飾拖到畫布外;手機與桌機位置可能需要分別微調。
調色或套用效果
讓貼紙、文字或圖片裝飾更符合品牌風格。
- 1
這一步要做
點選裝飾後打開「裝飾」面板;文字可改文字、字體、字級與文字顏色,基本線稿貼紙可改「貼紙顏色」。
完成後會看到
屬性面板只顯示目前裝飾種類可用的設定。
- 2
這一步要做
圖片裝飾在「圖片形狀」與「影像調整」選擇外框或濾鏡效果。
完成後會看到
畫布上的裝飾即時套用新顏色、字型、形狀或影像效果。
注意事項
- • 設計師配色的貼紙包不能改色;要自訂顏色請選「基本線稿」。
檢查手機版位置
避免桌機上好看的裝飾在手機遮住文字或跑出畫面。
- 1
這一步要做
選中網站裝飾,在屬性面板的「位置與尺寸」切到「手機」。
完成後會看到
面板顯示小於 768px 使用的手機專用位置與尺寸。
- 2
這一步要做
同時把上方裝置切到「手機」,調整位置或大小直到不遮住內容。
完成後會看到
手機預覽使用新位置,桌機位置維持原本設定。
注意事項
- • 每個重要裝飾都要看手機;只調桌機可能造成手機版遮擋。
刪除裝飾
移除不再需要的自由浮動物件。
- 1
這一步要做
點選要刪除的裝飾,確認選取框只框住該物件。
完成後會看到
裝飾下方出現浮動工具列,或屬性面板顯示該裝飾資料。
- 2
這一步要做
按鍵盤 `Delete`;若浮動工具列有垃圾桶,也可點垃圾桶。
完成後會看到
該裝飾從畫布與目前頁面的裝飾清單移除。
注意事項
- • 刪除前看清楚選取對象;需要救回時立刻按「復原」。
遇到問題先看這裡
- 裝飾在手機版擋住主要內容?
- 切換手機預覽後重新調整位置或縮小;裝飾不應遮住按鈕、價格與重要文字。
