Skip to content

提示框(TipBox)

這是什麼?

在文章中插入醒目的提示區塊,依選擇的類型顯示不同圖示與顏色,用來強調特定內容。

什麼時候用?

  • 需要提醒讀者注意某項重要資訊
  • 補充有用的小技巧或小知識
  • 標示需要特別注意的事項或警告

欄位說明

欄位名稱必填類型說明限制
內部說明文字內部識別用,不顯示於網站
類型單選控制提示框的視覺樣式與圖示小秘訣/警告/重要資訊
內容Rich Text提示框顯示的文字內容

類型說明

類型適用情境圖示
小秘訣補充有用的小知識或技巧💡
警告需要特別注意的事項⚠️
重要資訊關鍵必知資訊ℹ️

操作步驟

建立提示框

  1. 進入 Contentful → Content → 點擊「Add entry」→ 選擇「TipBox」
  2. 在「內部說明」填入識別名稱(不顯示於網站,方便管理用)
  3. 選擇「類型」:小秘訣、警告、或重要資訊
  4. 在「內容」欄位填入提示框的文字內容
  5. 點擊「Save draft」儲存
  6. 到文章的 Rich Text 中嵌入此提示框

填完長這樣


⚠️ 常見錯誤

類型選錯 三種類型的視覺樣式不同,請依照內容的重要程度選擇適當類型。警告用於需特別注意的事項,不要全都選警告。

「內部說明」留空 雖然「內部說明」不顯示於網站,但在文章 Rich Text 搜尋元件時,靠此識別,建議填寫有意義的名稱。