- 登入
- 註冊
在頁面任意位置插入文章或商品列表卡片
網站常見的需求:首頁要放「最新文章」、服務頁底部要放「相關案例」、銷售頁要放「客戶見證」。這些都是「在頁面任意位置放一組文章或商品卡片」的需求。秒站編輯器有一個區塊專門做這件事,幾分鐘就能組好一組文章列表。本篇講怎麼叫出這個區塊、怎麼設定常見的版面。
什麼時候用#
- 首頁的最新文章區段
- 分類精選(在介紹頁放某主題的精選 3 篇)
- 服務頁底部的相關案例
- 有特定標籤的文章組成一個專欄
- 商品列表(需要有開啟商城功能)
核心情境就是「在頁面放一組卡片」,每張卡有圖、標題、簡介、日期或價格,點擊跳到對應內容。
怎麼叫出來#
- 把游標移到要插入的位置
- 按「+」或在空白段落輸入「/」
- 搜尋「posts」或「文章」
- 結果中找到圖示是九宮格或卡片排列、區塊類別屬於佈景主題的那一個(不是 GreenShift、不是 WordPress 核心)
- 點擊插入
插入後會用預設版面顯示一組最新文章,從這裡開始客製。
設定要抓哪些內容#
右側面板的「來源」分頁是核心:
- 抓什麼:文章、頁面、商品、或網站的其他內容類型
- 顯示幾筆:常見 3、6、9、12
- 分類篩選:只要某個分類的內容
- 標籤篩選:只要有特定標籤的文章
- 排序:依日期、標題、選單順序、隨機等
- 排序方向:新到舊或舊到新
- 排除目前文章:放在文章內頁顯示時很有用,避免自己出現在「相關文章」
設定卡片長什麼樣#
「版面」分頁負責每張卡片的外觀:
- 排列方式:網格、瀑布流、輪播、橫向列表
- 每行顯示幾張:電腦版、平板、手機分開設。常見電腦版 3、平板 2、手機 1
- 卡片之間的距離:水平、垂直分開
- 卡片風格:簡約(純色底)、邊框(白底加邊框)、陰影(白底加陰影)、覆蓋(圖在底字疊在圖上)
每張卡顯示哪些資訊#
「卡片元素」分頁可以勾選每張卡上要顯示的內容:
- 精選圖(建議開)
- 標題(必開)
- 摘要(簡短預覽,可設字數上限)
- 分類標籤
- 標籤
- 作者頭像 + 姓名
- 發佈日期(相對日期「3 天前」或絕對日期「2026 年 5 月 8 日」)
- 留言數
- 閱讀時間(依字數估「3 分鐘閱讀」)
- 看更多按鈕
建議:別全部開,每張卡資訊太多反而難讀。一般用「精選圖 + 分類 + 標題 + 日期」就夠;要打 SEO 的內容站可以加「閱讀時間 + 摘要」;案例集只放「精選圖 + 標題 + 客戶名」最簡潔。
分頁方式#
- 數字分頁:底下顯示 1、2、3…,使用者點切頁。最傳統
- 看更多按鈕:底部一個按鈕,點一下載入下一批接在後面
- 無限捲動:滾到底自動載下一批
- 關閉:只顯示固定筆數,不分頁。適合首頁「最新 6 篇」這種固定區段
三個常用範例#
首頁最新 6 篇#
- 抓什麼:文章
- 顯示幾筆:6
- 排序:日期、新到舊
- 排列:網格、電腦版 3 欄、手機 1 欄
- 卡片元素:精選圖 + 分類 + 標題 + 日期
- 分頁:關閉
商城首頁的精選商品#
- 抓什麼:商品
- 顯示幾筆:8
- 分類篩選:精選商品分類(先在後台建一個「精選」分類,把要展示的商品歸進去)
- 排序:選單順序
- 排列:網格、電腦版 4 欄、手機 2 欄
- 卡片元素:商品圖 + 標題 + 價格
分類頁的客製化列表#
- 抓什麼:文章
- 顯示幾筆:12
- 分類篩選:當前分類(會自動帶入)
- 排列:網格、電腦版 4 欄、平板 2 欄、手機 1 欄
- 卡片元素:精選圖 + 標題 + 摘要 + 日期
- 分頁:看更多按鈕
常見問題#
- 新發的文章沒出現在列表:可能是頁面快取。等 1-2 分鐘讓系統清快取,或手動清
- 卡片高度不齊:摘要字數不同造成的。在版面設定把卡片高度設「等高」,或限制摘要字數上限(例如 80 字)
- 圖片失真模糊:精選圖原始解析度不夠。每張上傳時建議至少 1200×800px
- 商品類型沒出現:先確認網站有開啟商城功能、且至少建立過一筆商品
常見問題
這個區塊跟 Query Loop Builder 哪個好?
看你需要多少客製。要快速放一組標準文章卡片、設定簡單、外觀統一就用這個(佈景主題的版本);要客製卡片內每個元素位置、字級、效果就用 Query Loop Builder。新手建議先用這個試水溫,不夠用再切過去。
顯示筆數設多少最好?
看版面。首頁「最新文章」放 3-6 篇即可;分類頁「客製化列表」可以放 9-12 篇配「看更多」按鈕;服務頁「相關案例」3 篇剛好。一次抓超過 12 篇會明顯拖慢頁面。
自訂類型怎麼出現在內容類型選單?
一般情況秒站站台已經把常用類型開好了。如果某個類型沒出現,先確認那個類型有實際內容(沒任何文章的類型可能不顯示)。
我想抓多個分類的文章可以嗎?
可以。在分類篩選裡多選幾個分類就好,系統會抓任何一個分類符合的文章。
排序設「隨機」但每次看順序一樣?
頁面快取造成的。如果這個區塊放在有快取的頁面,「隨機」順序會被存進快取,要等快取過期才會換新順序。