裝飾文字、貼紙與圖片
在頁面加上可自由移動、縮放與旋轉的視覺裝飾。
共 5 項操作・10 個步驟・最後複驗 2026-08-03
從哪裡進入
視覺編輯器 → 裝飾
照著下方圖文逐步完成
重點摘要（TL;DR）
裝飾只影響畫面呈現，不會變成主要內容或搜尋資訊；手機版仍要另外檢查位置。
什麼時候會用到
- 想增加品牌個性或視覺焦點
開始前先準備
- • 裝飾圖片需有使用權
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增裝飾文字、貼紙或圖片
在區塊上加入自由擺放的品牌小物件。
- 1
這一步要做
在左側按「裝飾」，切換「圖片」、「貼紙」或「文字」分頁。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先從左側工具列打開「裝飾」。 - 1操作
- 位置：
- 視覺編輯器左側工具列。
- 動作：
- 按「裝飾」。
- 結果：
- 開啟裝飾面板。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
圖片、貼紙與文字各有獨立入口；這裡切到「文字」。 - 1操作
- 位置：
- 裝飾面板上方的種類分頁。
- 動作：
- 按「文字」。
- 結果：
- 顯示文字顏色、自訂文字與快選。
完成後會看到
面板顯示「上傳圖片」、貼紙包，或「自訂文字／快選」。
- 2
這一步要做
圖片按「上傳圖片」選檔；貼紙點一張圖；文字輸入後按「加入」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
輸入一段短句；重要內容仍應放在正式標題或內文。 - 2操作
- 位置：
- 文字分頁的「自訂文字」欄位。
- 動作：
- 輸入短句。
- 結果：
- 「加入」按鈕變成可操作。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「加入」，裝飾會錨定到頁面內的可見區塊。 - 2操作
- 位置：
- 自訂文字欄位右側。
- 動作：
- 按「加入」。
- 結果：
- 文字裝飾出現在畫布，面板關閉。
完成後會看到
新裝飾出現在目前頁面，面板關閉以便在畫布調整。
注意事項
- • 網站裝飾會錨定目前區塊；加入前先點對要放置的區塊。
拖曳、縮放與旋轉
把裝飾放到合適位置並調整大小與角度。
- 3
這一步要做
點選畫布上的裝飾，拖曳裝飾本體改位置。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先點裝飾本體；藍色外框表示後續動作只會影響這個物件。 - 3操作
- 位置：
- 畫布區塊內的文字裝飾。
- 動作：
- 點選或拖曳裝飾本體。
- 結果：
- 裝飾顯示選取框與浮動工具列。
完成後會看到
裝飾顯示藍色選取框；拖曳後會停在新位置。
- 4
這一步要做
拖四角控制點縮放，拖頂部圓點旋轉。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
頂部圓點用來旋轉裝飾。 - 4核對
- 位置：
- 選取框正上方。
- 動作：
- 拖曳圓形旋轉把手。
- 結果：
- 裝飾角度隨拖曳更新。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
四角控制點用來縮放裝飾。 - 4核對
- 位置：
- 選取框四個角落。
- 動作：
- 拖曳任一縮放控制點。
- 結果：
- 裝飾大小更新。
完成後會看到
裝飾大小與角度立即更新，位置仍錨定在同一區塊。
注意事項
- • 不要把裝飾拖到畫布外；手機與桌機位置可能需要分別微調。
調色或套用效果
讓貼紙、文字或圖片裝飾更符合品牌風格。
- 5
這一步要做
先打開「裝飾」面板，再重新點選畫布上的裝飾；文字可改文字、字體、字級與文字顏色，基本線稿貼紙可改「貼紙顏色」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先打開裝飾面板，讓畫布與設定區並排顯示。 - 5操作
- 位置：
- 左側裝飾面板。
- 動作：
- 打開裝飾面板。
- 結果：
- 畫布與裝飾設定並排顯示。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
面板打開後重新選取物件，「正在編輯」區才會顯示該物件的設定。 - 5操作
- 位置：
- 裝飾面板上方。
- 動作：
- 重新點選畫布上的裝飾。
- 結果：
- 只顯示目前裝飾能使用的屬性。
完成後會看到
屬性面板只顯示目前裝飾種類可用的設定。
- 6
這一步要做
選擇目前種類可用的顏色、字型、圖片外型或影像調整；設計師配色貼紙會維持原色。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
示範按紫色色票；其他種類會在同一區域顯示各自可用的設定。 - 6操作
- 位置：
- 正在編輯區的顏色選擇器。
- 動作：
- 按一個色票。
- 結果：
- 畫布上的目前裝飾立即換色。
完成後會看到
畫布上的裝飾即時套用新顏色、字型、形狀或影像效果。
注意事項
- • 設計師配色的貼紙包不能改色；要自訂顏色請選「基本線稿」。
檢查手機版位置
避免桌機上好看的裝飾在手機遮住文字或跑出畫面。
- 7
這一步要做
按編輯器上方的手機圖示，把畫布切成窄螢幕預覽。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
切到真正的手機畫布檢查結果。 - 7操作
- 位置：
- 編輯器上方的裝置切換列。
- 動作：
- 按手機圖示。
- 結果：
- 畫布切成手機寬度。
完成後會看到
編輯器載入獨立的手機預覽畫布。
- 8
這一步要做
確認裝飾完整留在區塊內且不遮住內容；若重疊，回桌機調整位置或大小後再檢查。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
確認手機畫布完整載入，再檢查裝飾沒有遮住內容或操作。 - 8核對
- 位置：
- 編輯器中央的手機預覽畫布。
- 動作：
- 確認手機呈現。
- 結果：
- 裝飾完整留在區塊內，且不阻擋主要內容或操作。
完成後會看到
桌機與手機預覽中的裝飾都完整可見且不阻擋操作。
注意事項
- • 每個重要裝飾都要看手機；只調桌機可能造成手機版遮擋。
刪除裝飾
移除不再需要的自由浮動物件。
- 9
這一步要做
點選要刪除的裝飾，確認選取框只框住該物件。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先確認藍色選取框只包住要刪除的物件。 - 9操作
- 位置：
- 桌機畫布內的文字裝飾。
- 動作：
- 點選要刪除的裝飾。
- 結果：
- 顯示選取框與鉛筆按鈕。
完成後會看到
裝飾下方出現鉛筆按鈕。
- 10
這一步要做
按鍵盤 `Delete`；若浮動工具列有垃圾桶，也可點垃圾桶。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按鉛筆展開浮動工具列，找到垃圾桶。 - 10操作
- 位置：
- 選取框下方的鉛筆按鈕。
- 動作：
- 按鉛筆展開工具列。
- 結果：
- 顯示文字快速調整與垃圾桶。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
確認選對物件後，按垃圾桶移除；需要救回時立刻按復原。 - 10操作
- 位置：
- 選取物件下方的浮動工具列。
- 動作：
- 按垃圾桶。
- 結果：
- 目前裝飾從頁面草稿移除。
完成後會看到
該裝飾從畫布與目前頁面的裝飾清單移除。
注意事項
- • 刪除前看清楚選取對象；需要救回時立刻按「復原」。
遇到問題先看這裡
- 裝飾在手機版擋住主要內容？
- 切換手機預覽後重新調整位置或縮小；裝飾不應遮住按鈕、價格與重要文字。