Skip to content

卡片(Card)

這是什麼?

在文章中插入卡片式區塊,可包含圖片、標題、內文、條列項目等,呈現獨立的資訊單元。

什麼時候用?

  • 需要在文章中突顯特定資訊或方案
  • 需要以視覺化方式呈現某個產品或選項
  • 文章中某段內容需要用卡片樣式與其他內文區隔

欄位說明

欄位名稱必填類型說明限制
說明文字內部識別用,不顯示於網站
圖片圖片卡片頂部圖片
標題文字卡片主標題
內文Rich Text卡片主要內容
列表Rich Text卡片內的條列項目區域僅支援清單、表格、連結
頁尾文字卡片底部文字

⚠️ 所有欄位皆非必填,但至少需填寫一項才有意義。「說明」欄位是內部識別用,不會顯示在網站上,建議填寫方便管理。


操作步驟

在文章中建立卡片(推薦)

  1. 開啟文章,在「文章內容」Rich Text 中,將游標移至要插入的位置
  2. 點擊工具列的 + 按鈕 → 選擇「Create new entry and link」→ 選「Card」
  3. 在「說明」欄位填入識別名稱(方便日後管理)
  4. 依需要填寫其他欄位(圖片、卡片標頭、標題、內文、列表、頁尾)
  5. 點擊「Save draft」→ 卡片自動嵌入文章

Card 建立畫面1Card 建立畫面2

補充:獨立建立後再嵌入

若需要在多篇文章中複用同一張卡片,或想提前備好再使用:

  1. 進入 Contentful → Content → 點擊「Add entry」→ 選擇「Card」
  2. 填寫欄位後點擊「Save draft」
  3. 在文章 Rich Text 中點擊 + → 選「Embed existing entry」→ 搜尋並選入

填完長這樣

測試環境卡片預覽


⚠️ 常見錯誤

「說明」欄位留空 雖然「說明」非必填,但若留空,在文章 Rich Text 中搜尋此卡片時,會難以識別是哪一個卡片,建議填寫有意義的名稱。

所有欄位都不填 卡片所有欄位雖非必填,但若全部空白,嵌入文章後不會顯示任何內容,毫無意義。