進階內容區塊：標題、按鈕、圖示、圖片、影片一次補齊

原生的標題、段落、按鈕、清單區塊只能做最基本的樣式，要做漸層標題、按鈕加副標、勾勾清單、影片燈箱這些常見效果就不夠用。秒站編輯器裡有 10 個進階版本可以叫出來，每一個都對應一種常見的視覺需求。本篇逐一說明這 10 個區塊長什麼樣、用在哪裡。

怎麼叫出來#

在編輯器裡按「+」或在空白段落輸入「/」叫出搜尋框，輸入對應的英文（例如「heading advanced」、「button advanced」、「icon box」）就找得到。也可以直接從區塊清單的「GreenShift」分類底下挑。

原生標題只能設大小和對齊，這個進階版可以做漸層字、編號標題（自動帶「01」「02」「03」）、副標 + 主標 + 描述三層、標題下加裝飾線。Hero 主視覺、區段大標、步驟列表的編號標題很常用。

進階版的段落區塊，可以調行距、字距、首行縮排、做雙欄或三欄文字（雜誌風格）、加滑入動畫。一般段落用原生即可，這個留給特殊版型用。

原生按鈕只有單行字。這個進階版可以加副標（例如「立即試用 / 30 秒完成」）、左右加 icon、滑鼠移上去有變色或反光動畫。Hero 區的主按鈕推薦用這個，比原生明顯。

原生清單前面是黑點或數字，這個換成 icon（勾勾、星星、圓圈），每一項可以挑不同 icon 與顏色。功能優勢列表、方案包含項、checklist 都很適合。列表很長（5 項以上）時用 icon 比黑點好讀。

「圖示 + 標題 + 描述 + 連結」的小卡片，最常用在三欄或四欄的特色介紹區（例如首頁「為什麼選我們」三大優勢）。配 Row/Columns Advanced 一次擺多張是最常見的用法。

放裝飾用的圖案（圓、波浪、星星、抽象形狀），可以加動畫和漸層色。網站要做設計感較強的視覺時用得到，一般網站用不到。

原生圖片只能設替代文字、連結、尺寸。這個進階版可以做：

Hero 主視覺、產品展示、團隊照、作品集封面用這個。內文小插圖用原生即可。

「icon + 文字」的提示框，預設有注意、提示、成功、警告、錯誤幾種樣式，每一種有不同的 icon 與配色。教學文件的「注意事項」、表單填寫提示、條款重點很適合。

標題本身有彩色背景條，下方接內容區。視覺上像是「貼一張色標籤 + 卡片內容」的組合。FAQ 卡（標題 = 問題、內容 = 答案）、章節標籤、產品分類介紹常用。

原生影片直接內嵌會載入慢，影響網站速度。這個進階版有：

原生的標題、段落、按鈕、清單還是可以用。一般文字內容用原生最單純，這 10 個進階區塊是「需要更多視覺效果」時才上場。

可以，混用沒問題。內文的小標用原生 Heading 較單純；Hero 主標、區段大標、編號標題用 Heading Advanced 取效果。

不能直接切換，要把原本的按鈕刪掉重做。但 Button Advanced 的設定豐富很多（副標、icon、hover 動畫），主 CTA 建議直接用這個。

Icon Box 內建幾百個 icon 套件可選，找不到合適的可以自己上傳 SVG 檔（圖示面板裡有「上傳自訂 SVG」選項）。

用 YouTube 是首選，影片不佔網站空間、CDN 載入快。記得勾「預覽縮圖」模式，避免 YouTube iframe 拖慢頁面。短影片（10 秒內）才建議自己上傳。

Info Box 是「icon + 文字」的小提示框（注意、警告、提示這類）。Colored TitleBox 是「彩色標題條 + 內容區」的卡片，內容空間更大、視覺重點在標題。