在頁面任意位置插入分類列表卡片

內容站常見的需求:教學文件首頁要列出所有教學分類、部落格首頁要列出所有寫作主題、線上課程首頁要列出所有課程分類、商城首頁要放商品大類。讓使用者先看分類、再選文章。秒站編輯器有一個區塊專門做這件事,能把任何分類做成卡片排列。本篇講怎麼叫出來、怎麼客製。

什麼時候用#

  • 內容站的主題導覽(部落格首頁列所有寫作主題)
  • 教學文件入口(列所有教學分類)
  • 商品分類入口(女裝、男裝、配件)
  • 服務分類(讓使用者點進去看詳細項目)

核心情境是:你想讓使用者「先看分類、再選內容」,而不是把所有文章一次列出來。

怎麼叫出來#

  1. 把游標移到要插入的位置
  2. 按「+」或在空白段落輸入「/」
  3. 搜尋「分類」、「category」、「taxonomies
  4. 結果中找到圖示是分類資料夾或標籤、區塊類別屬於佈景主題的那一個(會跟前一篇的文章列表區塊在同一組底下)
  5. 點擊插入

插入後預設會列出網站所有「文章分類」做為起點,從這裡開始客製。

設定要抓哪些分類#

  • 抓什麼分類:文章分類、文章標籤、商品分類、教學文件分類等
  • 顯示幾個:要列出多少分類
  • 排序:依名稱字母順序、依文章數、依選單順序、隨機等
  • 父子關係:只列頂層分類、只列某分類的子分類、或全部
  • 隱藏空分類:沒有任何文章的分類不顯示(建議勾)
  • 包含或排除:手動指定要顯示哪幾個或要藏哪幾個

設定卡片長什麼樣#

  • 排列方式:網格、橫向列表、輪播
  • 每行顯示幾張:電腦版、平板、手機分開設。電腦版 3-4 張、手機 1-2 張常見
  • 卡片之間距離:水平、垂直分開
  • 卡片風格:簡約、邊框、陰影、覆蓋幾種預設

每張分類卡顯示哪些資訊#

  • 分類圖片(每個分類在後台可以上傳一張代表圖)
  • 分類名稱(必開)
  • 分類描述(每個分類在後台寫的簡介)
  • 文章數(這個分類有幾篇文章)

建議:分類卡簡潔最好,「圖 + 名稱 + 描述」三件就夠了,加上文章數可以暗示分類有多豐富。

分類描述要寫好#

分類描述是這個區塊的關鍵內容,沒寫描述卡片就只剩名稱與數字,視覺重量太輕。建議:

  • 長度抓 25-40 字,太短沒資訊、太長卡片擠
  • 列幾個關鍵字最直觀,例如「Rank Math 設定、FAQ Schema、追蹤代碼、流量分析」
  • 不要重複名稱,分類叫「SEO 與行銷分析」、描述就不要再寫一次
  • 避免空話,「歡迎瀏覽本分類」這種沒幫助的不要寫

分類描述還有一個好處:對 SEO 有幫助。Google 抓分類頁時會把描述當作 meta description 的候選,寫得好直接影響搜尋結果的點擊率。

兩個常用範例#

教學文件入口頁#

  • 抓什麼分類:教學文件分類
  • 顯示幾個:全部
  • 排序:選單順序
  • 父子關係:只列頂層分類
  • 隱藏空分類:勾
  • 排列:網格、電腦版 3 欄、手機 1 欄
  • 卡片元素:分類名稱 + 描述 + 文章數

部落格首頁主題導覽#

  • 抓什麼分類:文章分類
  • 顯示幾個:6
  • 排序:依文章數、多到少
  • 隱藏空分類:勾
  • 排列:網格、電腦版 3 欄、手機 2 欄
  • 卡片元素:分類圖片 + 名稱 + 文章數
  • 卡片風格:覆蓋(圖在底、名稱疊在上)

分類列表 vs 文章列表#

  • 使用者要看「主題分類」用 分類列表(教學首頁、課程首頁、商品大類)
  • 使用者要看「最新內容」用 文章列表(部落格首頁、最新消息)
  • 同一頁兩個都用:上方放分類列表(讓使用者選主題)、下方放文章列表(最新文章直接列)

常見問題#

  • 分類圖片沒顯示:每個分類要先在後台分類編輯頁上傳代表圖
  • 分類順序排不對:「選單順序」欄位要在每個分類的編輯頁設,預設是 0,全部設 0 時會回退到名稱字母順序
  • 商品分類沒出現:先確認網站有開啟商城功能、且至少建立過一個商品分類
  • 文章數不對:可能是快取造成的,重新整理頁面或等幾分鐘

常見問題

分類列表跟文章列表哪個適合放在首頁?

看內容多寡。內容少(單一主題、不到 30 篇)直接放文章列表;內容多(多主題、超過 30 篇)放分類列表讓使用者選主題。也可以同一頁兩個都用:上方分類列表、下方最新文章。

分類沒寫描述會怎樣?

卡片只會顯示名稱與文章數,視覺上會比較單薄。建議每個分類都先寫好 25-40 字的描述,描述對 SEO 也有幫助。

商品分類沒出現怎麼辦?

先確認網站有開啟商城功能、且至少建立過一個商品分類。沒商品分類時這個選項不會列出來。

排序方式建議用哪個?

入口頁建議「選單順序」,手動控制順序、最重要的放前面。想呈現「哪些主題最豐富」用「依文章數、多到少」。想呈現字母索引用名稱排序。

卡片風格哪個好看?

「邊框」最保險、不會太花俏;「陰影」適合公司官網;「覆蓋」(圖在底字疊上)適合視覺重的網站;「簡約」適合內容站想簡潔。