Appearance
卡片(Card)
這是什麼?
在文章中插入卡片式區塊,可包含圖片、標題、內文、條列項目等,呈現獨立的資訊單元。
什麼時候用?
- 需要在文章中突顯特定資訊或方案
- 需要以視覺化方式呈現某個產品或選項
- 文章中某段內容需要用卡片樣式與其他內文區隔
欄位說明
| 欄位名稱 | 必填 | 類型 | 說明 | 限制 |
|---|---|---|---|---|
| 說明 | ❌ | 文字 | 內部識別用,不顯示於網站 | — |
| 圖片 | ❌ | 圖片 | 卡片頂部圖片 | — |
| 卡片標頭 | ❌ | 文字 | 卡片最頂部的標頭文字 | — |
| 標題 | ❌ | 文字 | 卡片主標題 | — |
| 內文 | ❌ | Rich Text | 卡片主要內容 | — |
| 列表 | ❌ | Rich Text | 卡片內的條列項目區域 | 僅支援清單、表格、連結 |
| 頁尾 | ❌ | 文字 | 卡片底部文字 | — |
⚠️ 所有欄位皆非必填,但至少需填寫一項才有意義。「說明」欄位是內部識別用,不會顯示在網站上,建議填寫方便管理。
操作步驟
建立卡片
- 進入 Contentful → Content → 點擊「Add entry」→ 選擇「Card」
- 在「說明」欄位填入識別名稱(方便日後在文章中搜尋)
- 依需要填寫其他欄位(圖片、卡片標頭、標題、內文、列表、頁尾)
- 點擊「Save draft」儲存
- 到文章的 Rich Text 中嵌入此卡片
填完長這樣
⚠️ 常見錯誤
「說明」欄位留空 雖然「說明」非必填,但若留空,在文章 Rich Text 中搜尋此卡片時,會難以識別是哪一個卡片,建議填寫有意義的名稱。
所有欄位都不填 卡片所有欄位雖非必填,但若全部空白,嵌入文章後不會顯示任何內容,毫無意義。