返回操作說明索引
頁面與內容編輯目前可使用

裝飾文字、貼紙與圖片

在頁面加上可自由移動、縮放與旋轉的視覺裝飾。

5 項操作・10 個步驟・最後複驗 2026-08-03

從哪裡進入

視覺編輯器 → 裝飾

照著下方圖文逐步完成

重點摘要(TL;DR)

裝飾只影響畫面呈現,不會變成主要內容或搜尋資訊;手機版仍要另外檢查位置。

什麼時候會用到

  • 想增加品牌個性或視覺焦點

開始前先準備

  • 裝飾圖片需有使用權

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。

1

新增裝飾文字、貼紙或圖片

在區塊上加入自由擺放的品牌小物件。

  1. 1

    這一步要做

    在左側按「裝飾」,切換「圖片」、「貼紙」或「文字」分頁。

    完成後會看到

    面板顯示「上傳圖片」、貼紙包,或「自訂文字/快選」。

  2. 2

    這一步要做

    圖片按「上傳圖片」選檔;貼紙點一張圖;文字輸入後按「加入」。

    完成後會看到

    新裝飾出現在目前頁面並自動被選中,面板關閉以便在畫布調整。

注意事項

  • 網站裝飾會錨定目前區塊;加入前先點對要放置的區塊。
2

拖曳、縮放與旋轉

把裝飾放到合適位置並調整大小與角度。

  1. 1

    這一步要做

    點選畫布上的裝飾,拖曳裝飾本體改位置。

    完成後會看到

    裝飾跟著游標移動,放開後停在新位置。

  2. 2

    這一步要做

    拖四角控制點縮放,拖頂部圓點旋轉。

    完成後會看到

    裝飾大小與角度立即更新,位置仍錨定在同一區塊。

注意事項

  • 不要把裝飾拖到畫布外;手機與桌機位置可能需要分別微調。
3

調色或套用效果

讓貼紙、文字或圖片裝飾更符合品牌風格。

  1. 1

    這一步要做

    點選裝飾後打開「裝飾」面板;文字可改文字、字體、字級與文字顏色,基本線稿貼紙可改「貼紙顏色」。

    完成後會看到

    屬性面板只顯示目前裝飾種類可用的設定。

  2. 2

    這一步要做

    圖片裝飾在「圖片形狀」與「影像調整」選擇外框或濾鏡效果。

    完成後會看到

    畫布上的裝飾即時套用新顏色、字型、形狀或影像效果。

注意事項

  • 設計師配色的貼紙包不能改色;要自訂顏色請選「基本線稿」。
4

檢查手機版位置

避免桌機上好看的裝飾在手機遮住文字或跑出畫面。

  1. 1

    這一步要做

    選中網站裝飾,在屬性面板的「位置與尺寸」切到「手機」。

    完成後會看到

    面板顯示小於 768px 使用的手機專用位置與尺寸。

  2. 2

    這一步要做

    同時把上方裝置切到「手機」,調整位置或大小直到不遮住內容。

    完成後會看到

    手機預覽使用新位置,桌機位置維持原本設定。

注意事項

  • 每個重要裝飾都要看手機;只調桌機可能造成手機版遮擋。
5

刪除裝飾

移除不再需要的自由浮動物件。

  1. 1

    這一步要做

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

    完成後會看到

    裝飾下方出現浮動工具列,或屬性面板顯示該裝飾資料。

  2. 2

    這一步要做

    按鍵盤 `Delete`;若浮動工具列有垃圾桶,也可點垃圾桶。

    完成後會看到

    該裝飾從畫布與目前頁面的裝飾清單移除。

注意事項

  • 刪除前看清楚選取對象;需要救回時立刻按「復原」。

遇到問題先看這裡

裝飾在手機版擋住主要內容?
切換手機預覽後重新調整位置或縮小;裝飾不應遮住按鈕、價格與重要文字。

相關功能