Content Views – Post Grid & Filter

作者: / / 網站操作

最受歡迎的文章網格外掛之一。

  • 主要功能: 透過建立「視圖 (View)」來篩選並嵌入文章列表，可依分類、標籤、作者、關鍵字、日期等條件顯示文章。支援文章、頁面、自訂文章類型等內容的查詢。
  • 排版樣式: 提供多種版面布局，包括卡片網格、列表、幻燈片/輪播、手風琴、Pinterest 流、水平時間軸、覆蓋圖文等。使用者可自訂每種版型的顯示元素與樣式。
  • 免費/付費: 基本功能免費且可充分運用；另有專業版（Content Views Pro）提供更進階的功能（例如前端篩選、進階排版模板等）和更多版型選擇。
  • 語言支援: 外掛已針對多語言進行本地化設計，兼容 WPML、Polylang 等翻譯插件，可自動顯示翻譯後的文章內容。介面預設為英文，但使用者可透過.po檔自行翻譯成中文；文章標題、摘要等前端內容能正確顯示中文。
  • 建站整合: 不依賴特定佈景主題，與各種頁面編輯器相容。提供短碼（Classic 編輯器）、Gutenberg 區塊以及 Elementor 小工具，可靈活嵌入文章網格於任何頁面

Content Views 免費版就可以做到「在任何 Page 顯示某分類/標籤文章＋基本排版」，Pro 版則是在這整套功能上，再加上更多版型、前台篩選（Live Filter）、取代主題 Archive 版型、WooCommerce / ACF 等進階整合。

下面我分三塊講：

  1. 核心概念：這套外掛的運作方式
  2. 免費版：能做什麼 & 實際操作步驟
  3. Pro 付費版：多了什麼 & 典型操作情境

0. 核心概念：什麼是「View」？

安裝外掛後，後台會多出一個選單 「Content Views」。
在這個外掛裡，最重要的就是一種特殊的「文章類型」叫 View。

  • 每一個 View 就是一組「查詢設定 + 版型設定」，會被存成一筆資料
  • 你在 View 裡決定：
    • 要抓哪些內容：文章 / 頁面 / 自訂文章類型 / 產品、哪些分類、哪些標籤、作者、日期…
    • 要怎麼排版：Grid / List / Accordion / 滾動清單、每行幾個、要不要縮圖、摘要、日期等等
  • 存檔後，系統會給你一個 短碼
    Error: View 123 may not exist
    ，你可以：
    • 貼到 Page / Post 內容
    • 用 Gutenberg 區塊呼叫
    • 在 Elementor 裡用它提供的小工具呼叫

整套流程就是：

建 View ➜ 設定要抓的文章 ➜ 選版型 ➜ 存檔 ➜ 用短碼/區塊/Elementor 插到任何地方

1. 免費版功能 & 操作教學

1-1 免費版可以做什麼？

(A) 可抓的內容來源

免費版已經可以抓很多種類的內容：

  • 文章（Posts）
  • 頁面（Pages）
  • 自訂文章類型（Custom Post Types，例如 product, event 等）
  • 有些教學提到：免費版一次通常選一種內容型態，如果要在同一個 View 混合多種（例如 Post + Page + Media），通常是 Pro 版才提供。

(B) 查詢 / 篩選條件（Filter Settings）

在 Filter Settings 分頁，你可以設定：

  • Content type / Post Type
    • 選擇：Post、Page 或某個自訂文章類型（例如 WooCommerce 的 Product）
  • Common
    • Limit：顯示幾篇（例如 6、9、12）
    • Include / Exclude：指定要包含或排除某些文章 ID
    • Offset：略過前幾篇（做「從第 7 篇開始」這種效果）
  • Taxonomy（分類 / 標籤）
    • 依 分類 / 標籤 / 自訂分類 過濾，如只顯示 Category = News 的文章
  • 排序（Sort / Order）
    • 依發佈日期、更新日期、標題、ID、隨機等排序
  • 關鍵字搜尋（keyword）
    • 以標題 / 內容 / 摘要中的關鍵字篩選
  • 作者（Author）
    • 顯示某個作者的文章，或排除某個作者
  • 狀態（Status）
    • 已發佈、排程、草稿、私密等（預設只抓已發佈）
  • 日期範圍（Published Date）
    • 像「今天」「這週」「這個月」「某段日期之間」等

這些「基本查詢」功能，外掛官方說明都沒有標記 PRO，所以可視為免費版就有。
真正專屬 Pro 的會在後面另外標出。

(C) 免費版提供的版型（Layouts）

依官方「All Layouts」文件，免費版提供 6 種布局：

  1. Grid
  2. Grid 2（新版更現代的格狀）
  3. List（一般清單）
  4. Collapsible List（可展開/收合的 FAQ 式清單）
  5. Scrollable List（在固定高度區塊內滾動的清單）
  6. Overlay 1（基本的圖片覆蓋文字卡片）

這 6 個 layout 可以透過：

  • View 的 Display Settings > Layout 選擇（shortcode 用）
  • Gutenberg 裡相對應的 Post Block
  • Elementor 裡對應的小工具（Grid, List, Collapsible, Scrollable, Overlay 1

(D) 顯示與美化設定（Display Settings）

在 Display Settings 分頁，你可以控制版面長相：

  1. Layout 選擇
    • 在 Grid / List / Collapsible / Scrollable / Overlay 1 之間切換
    • 每種 layout 會有各自的細部設定（欄數、對齊等）
  2. Field Settings（要顯示哪些東西）
    • 標題（HTML 標籤 h2 / h3… 可改）
    • 摘要 / 內容（來源、字數長度可控）
    • 縮圖（尺寸、是否裁切、置中/靠左）
    • Meta：日期格式、作者、分類 / 標籤、留言數等
    • 是否顯示「Read more」按鈕、按鈕文字
  3. 樣式（Style / Design）
    官方說明列出：可調整邊框、顏色、背景、間距（margin/padding），以及一些排版細節，如：
    • 更改標題標籤與字數長度
    • 調整內容 / 摘要來源與長度
    • 調整圖片大小與樣式
    • 選擇 meta 顯示位置、順序
    • 啟用圖片 Lazy load
  4. 分頁（Pagination）
    • 可啟用一般分頁（1, 2, 3…）
    • 官方文件提到：Infinite Scroll、Load More 按鈕這兩種 AJAX 分頁形式是 Pro 限定，免費版只用「正常」分頁即可。
  5. 響應式 & SEO
    • 外掛宣稱所有 shortcode / block / widget 都是 100% 行動裝置友善，並有做速度與 SEO 優化。

(E) 區塊編輯器（Gutenberg）與 Elementor 支援

  • Gutenberg
    • 外掛新增約 16 個 Post Blocks（不同樣式的文章區塊），並提供 70+ 的 block patterns / templates 可直接匯入後再改。
    • 每個區塊內都有 Query（要抓什麼）、Layout（要怎麼排）、Style（樣式）三類設定。
  • Elementor
    • 會出現多個 Content Views 小工具：Grid、List、Collapsible、Scrollable、Overlay 1… 等代表免費版的 5–6 種 layout；Big Post / Overlay 2–8 / Pinterest / Timeline 則標記為 Content Views Pro。

1-2 免費版實作範例：做「某個分類的文章 Page」

假設你想做一個 Page「最新消息」，裡面自動顯示 Category = News 的文章：

步驟 1：安裝啟用外掛

  1. 後台 ➜ Plugins → Add New
  2. 搜尋：Content Views – Post Grid & Filter
  3. Install ➜ Activate

步驟 2：建立一個 View

  1. 後台左側選單 ➜ Content Views → Add New
  2. 在最上方輸入 View Title（例如：News Grid）
  3. 你會看到兩個分頁：Filter Settings / Display Settings

Filter Settings 設定：

  • Content type / Post type：選 Post（文章）
  • Common
    • Limit：例如填 9（每次顯示 9 篇）
  • 向下找到 Taxonomy / Categories, Tags…（Advance 區塊）
    • 選擇 Taxonomy：Categories
    • 選擇要顯示的 Category：News（或你的實際分類名稱）

Display Settings 設定：

  • Layout：選 Grid（或 Grid 2）
  • Field Settings：
    • 勾選 Show Thumbnail（縮圖）
    • 勾選 Show Title
    • 勾選 Show Excerpt（摘要；可以調字數長度）
    • Meta 部分勾日期 + 分類
  • 如果是 Grid：可以設定
    • 每行幾個欄位（例如桌機 3 欄、平板 2 欄、手機 1 欄）

點一下 Show Preview / Update Preview 看效果，滿意後按 Save。

步驟 3：把 View 放到 Page 裡

方法 A：用短碼

  1. 存檔後回到 Content Views → All Views，會看到這個 View 的短碼，例如：
    Error: View 123 may not exist
  2. 建立或編輯你的 Page（例如「最新消息」）
  3. 若是 Gutenberg：
    • 新增區塊 ➜ 搜尋 「Shortcode」 區塊
    • 把 
      Error: View 123 may not exist
       貼進去
  4. 若是 Classic Editor：直接貼短碼到內容區

方法 B：用 Gutenberg 專用區塊

  1. 在 Page 編輯器裡，新增區塊
  2. 搜尋 Content Views 或相關名稱
  3. 插入該區塊後，在區塊設定裡選擇剛剛的 View（通常會有 dropdown 列出所有 Views）

方法 C：在 Elementor 裡用 widget

  1. 用 Elementor 開啟 Page
  2. 在左側搜尋「Content Views」
  3. 拖拉「Grid / List / Overlay 1…」這類小工具到版面上
  4. 在 widget 設定中選擇 View 或直接設定查詢與版型（依版本而定）

做到這裡，免費版就已經可以很完整地：在任何 Page 顯示指定分類或標籤的文章＋基本美化排版，通常對一般企業站、部落格 landing page 已經足夠。

2. Pro 付費版：比免費版多了哪些東西？

Pro 版實際上是在上述所有功能之上，再加了一堆「更像專業新聞站 / 電商站會用到的東西」。以下我用功能類別來區分。

2-1 Pro 版額外的版型與設計

根據官方 layout 文件：

  • 免費版 6 種 layout：Grid、Grid 2、List、Collapsible List、Scrollable List、Overlay 1
  • Pro 版在此之上再加：
    • Pinterest / Masonry 類：高低不齊的瀑布流
    • Timeline 時間軸：左右交錯顯示、常用於時間線、部落格歷程
    • Big Post 1 / Big Post 2：一篇大文章＋多篇小文章的組合版面（常見於新聞首頁）
    • Overlay 2–8：更多種圖片覆蓋文字的進階卡片網格
    • 其他特殊 layout（Glossary、某些一欄/兩欄變體等）

在 Elementor 的 widget 清單也可以印證：標記為「Content Views」的是免費版 layout，標記為「Content Views Pro」的 widget（Big Post、Overlay 2–8、Pinterest、Timeline…）則是 Pro 專屬。

此外 Pro 版對每種 layout 還會多出：

  • 更細的動畫 / Overlay 效果控制
  • 視覺預設樣板（套一下就有完整設計）

2-2 Pro 版的進階查詢 & 篩選功能

官方在 WordPress.org 上有把 Pro 專屬功能標註出來（有標 PRO 的）：

(A) Sticky Posts 操作（PRO）

  • 可以選擇：
    • 隱藏置頂文
    • 置頂文永遠顯示在清單最前面
    • 只顯示置頂文

(B) 會員權限限制（PRO）

  • 可以只讓某些會員方案 / 角色看到特定文章區塊
  • 官方提到支援：Members、Paid Memberships Pro、MemberPress、MemberMouse 等常見會員外掛

(C) 依自訂欄位（Custom Fields）篩選（PRO）

  • 可以依照 ACF / Meta Box / Pods 等自訂欄位的值做條件查詢，例如：
    • 價格區間（100–500）
    • 日期、數字大小等

(D) WooCommerce / 其他外掛整合（多數屬 PRO 功能）

  • WooCommerce：
    • 顯示產品網格，依價格、分類、標籤、屬性、可見性等篩選
    • 一鍵顯示特價 / 熱賣 / 精選 / 評價高產品
  • The Events Calendar、Events Manager 等活動外掛：
    • 依活動分類、標籤、日期顯示活動列表
  • 顯示 Media（圖片 / PDF 等）清單、依屬性或自訂欄位篩選

2-3 前端「Live Filter / Faceted Search」（PRO）

這是 Pro 版最關鍵的賣點之一。

你可以在文章網格的上方或側邊，讓訪客自己用多種條件即時篩選內容，包含：

  • 分類、標籤、自訂分類（Taxonomy）
  • 自訂欄位（例如價格範圍：用滑桿、日期區間）
  • 關鍵字搜尋框
  • 排序選項（依日期、標題、自訂欄位排序）

而且每個條件可以用不同形式呈現：

  • 下拉選單、核取方塊、多選按鈕、單選鈕、Slider、日期選擇器、Button 等
  • 可以改每個 filter 的標題、順序、放在網格上方或左/右側欄位

大致設定流程（示意）：

  1. 在 View 的 Filter Settings → Advance 內，勾選要提供前端篩選的項目（例如 Taxonomy、Custom field、Keyword）
  2. 在 Live Filter 設定介面選擇顯示方式（下拉 / checkbox / slider…），決定每個 filter 要用哪些 term / 欄位
  3. 在 Display Settings 調整 Filter 區塊的擺放位置與樣式

做完後，訪客在前台點選條件時，網格會用 AJAX 即時更新，不會整頁重新載入。

2-4 取代主題 Archive 版型（Replace Theme Layout，PRO）

如果你希望：

類別頁 / 標籤頁 / 搜尋結果 / 作者頁… 都用 Content Views 的版型取代主題預設的文章列表

Pro 版提供一個 Replace Layout 功能。

可套用的頁面類型包含：

  • Blog 一般文章列表頁
  • Category 頁
  • Tag 頁
  • Search 結果頁
  • Author 頁
  • Date archive
  • 自訂 taxonomy / term 頁

概念流程：

  1. 先建立一個或多個 View，設計你想要的文章網格 / 清單 layout
  2. 到 Content Views Pro 的設定頁，在「Replace layout」區段，把：
    • Blog / Category / Tag / Search… 等頁面
    • 對應到你剛建立的 View
  3. 存檔後，訪客打開那幾種頁面時，原本主題的文章列表會被替換成 Content Views 的版型，等於「半客製主題」的效果

2-5 進階分頁 & Load More（PRO）

官方說明提到三種 AJAX 分頁模式：

  • AJAX 數字分頁（按 1, 2, 3 不會整頁重載）
  • Load More 按鈕
  • Infinite Scroll 無限捲動

在「Enable Pagination」文件中，也特別註記 Infinite scroll / Load more 僅 Pro 版可用，免費版只有一般分頁。

2-6 廣告插入 & 其他進階細節（多為 PRO）

一些比較「站長等級」的小功能，通常也是 Pro 才有：

  • 在文章列表中每幾篇插入一個廣告（例如 Google AdSense）
  • 依文章瀏覽數排序、顯示「最受歡迎文章」
  • 更多 Developer hook 可以客製輸出

2-7 Pro 版的實務操作範例（簡易概念）

範例 1：做一個「產品篩選頁」（分類 + 價格滑桿）

  1. 建立 View（Post type 選 Product）
  2. Filter Settings：
    • Taxonomy 篩選：選 Product Categories，預設顯示所有產品
  3. Display Settings：
    • Layout 選 Grid 2 或 Overlay 2/3/4（Pro 版）
  4. Live Filter 設定：
    • 加入 Category filter（checkbox）
    • 加入 Custom field filter（例如 price，顯示成 Slider）
    • 加一個 Keyword 搜尋欄位
  5. 把這個 View 放到一個 Page「商品一覽」

訪客就可以在同一個頁面用分類勾選 + 價格拉條 + 關鍵字搜尋來篩選產品。

範例 2：用 Pro 取代主題的 Category Archive

  1. 建立一個 View，Filter Settings 讓它「維持預設」（Pro 文件說通常不用在這裡指定分類，因為會自動抓目前 archive 查詢）
  2. Display Settings 選擇 Big Post 1 + Timeline 或其他你喜歡的版型
  3. 到 Content Views Pro 的設定，找到 Replace Layout
  4. 在「Category page」那一欄選擇剛剛的 View，存檔

之後所有 Category 頁都會用這個 View 版型顯示，等於換了一套「分類頁模板」，但不用改 theme 檔。

3. 我該用免費還是 Pro？

以你原本的需求來看：

「某個 Page 自動顯示某個分類或 tag 的內容，還可以做一點美化、排版」

  • 只要：
    • 可以指定分類 / 標籤顯示文章
    • 排成 Grid / List / 簡單卡片，調一下縮圖 / 摘要 / meta
    • 放在頁面內容或 Elementor 區塊裡

👉 免費版就非常夠用，而且操作也不複雜。

  • 如果你未來還想要：
    • 頁面上讓訪客自己用多條件（分類 + 標籤 + 價格 + 日期…）即時篩選
    • Pinterest / Timeline / Big Post 等更華麗的首頁布局
    • 直接用它取代主題的 Blog / Category / Search 版型
    • 做 WooCommerce 商品篩選頁、依自訂欄位篩選內容

👉 這時再考慮 升級 Pro 會比較有感。

如果你願意跟我說：

  • 你現在用的是哪個 Theme
  • 想做哪幾種「分類 / tag 專頁」（例如：最新消息、案例展示、課程列表…）

我可以幫你「直接用免費版」設計一套實際設定方案（含：選哪個 layout、欄數、應該開哪些欄位、短碼插在哪），你照著操作就能跑起來。

1) 安裝 Content Views 後，能不能在「區塊編輯器」裡直接嵌入文章列表？

可以。你會有兩條路可以選：

路線 A：直接用 Content Views 的 Gutenberg 區塊（你現在用 Spectra 最順）

Content Views 本身會「擴充區塊編輯器」，提供 16 個 Gutenberg 文章區塊，還有 76+ 預製 patterns/templates，區塊裡也包含 responsive（響應式）設定。

所以你在編輯首頁/頁面/文章時，可以：

  1. 在文章或頁面編輯畫面按「＋」新增區塊
  2. 搜尋「Content Views」相關的區塊（通常會出現它提供的 post grid / list… 類區塊）
  3. 插入後在右側設定欄調整：
    • 要抓哪個分類 / tag
    • 顯示幾篇、排序方式
    • 版型（Grid/List/Slider…視區塊而定）
    • 響應式欄數（桌機/平板/手機）
  4. 直接完成，不一定要先做 View（依區塊而定）

你已經有 Spectra 的容器/欄位區塊，最常見用法是：
用 Spectra 先把首頁排版做成「上方橫幅、下面左右兩欄」，然後在某個欄位裡插入 Content Views 的文章列表區塊。

路線 B：用 Content Views 的「View + Shortcode」嵌入（最穩、最好重複使用）

Content Views 官方也明確寫它支援 Classic editor 與短碼方式：
流程是「先建立 View → 再把短碼貼到你想顯示的地方」。

做法是：

  1. 後台左側會有 Content Views → Add New（新增 View）
  2. 設定：
    • Filter Settings：選分類/標籤/日期/作者等條件
    • Display Settings：選 layout、要顯示縮圖/摘要/日期…
  3. 存檔後會得到一段短碼（例如 
    Error: View 123 may not exist
    ）
  4. 回到你要嵌入的頁面（首頁、某個 Page、甚至文章內容）
    • 新增一個「短碼（Shortcode）」區塊
    • 把短碼貼上去即可

這條路線特別適合「公會網站由多人編輯」：
你把 View 做好，之後同仁只要貼短碼，不必每次重設一堆查詢條件。

2) 用在公會網站，安裝 Content Views 的優點是什麼？

你公會網站常見需求通常是：

  • 首頁有「最新消息」
  • 「學術活動 / 課程」
  • 「公告」
  • 「下載專區」或「文件」
  • 各委員會/各組別頁面要顯示各自分類內容
  • 常常更新，但希望版型一致、不要每次手動改首頁

Content Views 在這些情境的價值主要有：

優點 A：把內容變「自動更新的區塊」，首頁/頁面不用手動整理

它可以很容易顯示：最新文章、分類文章、標籤文章、作者文章、日期範圍文章等等。
你只要把文章好好分類/加標籤，首頁或任何頁面的列表就會自動更新。

公會網站很常見的做法：

  • 做一個 View：只抓分類「最新消息」，顯示最近 6 篇，用 Grid 卡片
  • 再做一個 View：只抓分類「學術活動」，顯示最近 10 篇，用 List 清單
  • 首頁放兩段短碼/兩個區塊 → 以後只要發文章，它們都會自動更新

優點 B：版型選擇多，做「公告/活動/新聞」很像雜誌首頁

它主打可用 grid、list、slider/carousel、accordion、pinterest、timeline、overlay 等布局呈現內容。
這對公會網站的「公告」和「活動」非常實用：

  • 最新消息：Grid 卡片、或 Overlay 圖文卡
  • 學術活動：List 清單、或 Timeline（依日期呈現）
  • 重要公告：可用比較醒目的版型（例如大圖第一篇 + 小圖列表）

優點 C：查詢/篩選條件很完整（公會網站很容易用到）

它的短碼/區塊/小工具都提供不少查詢條件，例如：

  • Post type（文章/頁面/自訂類型）
  • Taxonomy（分類、標籤、自訂 taxonomy）
  • Include/Exclude 指定文章、Offset、數量
  • 排序：日期/更新日/標題/隨機/menu order…
  • 關鍵字、作者、狀態、日期範圍

對公會網站的實例：

  • 「理監事改選公告」只想列出標籤 =「選舉」的文章
  • 「今年度活動」只列出某日期範圍
  • 「重要置頂公告」希望在列表最上面（這類進階 sticky 控制通常是 Pro）

優點 D：區塊本身就強調響應式

官方在區塊功能介紹裡寫到：區塊內建 responsive settings，並且整體 shortcodes/blocks/widgets 是 mobile-friendly。
所以拿來做首頁列表、側欄列表，在手機上通常會比較省事（例如自動變成 1 欄）。

優點 E：後續想做「可篩選的資料庫式頁面」有擴充空間（Pro 才會更強）

如果你以後想做「讓訪客自己篩選」：

  • 依分類、tag、年份、日期區間、甚至數字滑桿來找文章（像活動資料庫）
    它的 Pro 有「前台篩選（faceted search / live filter）」和 AJAX 分頁等功能。

公會網站常見進階需求：
「歷年研討會」讓會員在頁面上用年份/主題直接篩選，不用一頁一頁翻。

3) 你用 Astra + Spectra，什麼情況「值得裝 Content Views」？什麼情況其實不用？

很值得裝 Content Views 的情況

  • 你要做很多「分類專頁」：每個委員會/活動/公告都有自己的列表頁
  • 首頁要做得像「新聞/雜誌式模組」，版型要多樣但維持一致
  • 非技術人員也要能快速維護（用 View + shortcode 很方便）

可能用 Spectra 或 WordPress 原生 Query Loop 就夠的情況

  • 你只是要最基本的「顯示最新 5 篇文章」
  • 不太在乎版型變化、也不需要很多列表頁共用同一套設定
  • 想盡量少裝外掛（更省資源、維護更單純）

4) 我建議你在公會網站的「最實用落地做法」

如果你要「快、穩、好維護」：

  1. 用 Content Views 建 2～4 個核心 View（或區塊）：
    • 最新消息（分類 News）
    • 學術活動（分類 Events）
    • 重要公告（分類 Announcement）
    • 下載/文件（分類 Downloads，或用 tag）
  2. 首頁用 Spectra 排版（容器/欄位）
  3. 在各區塊內嵌入 Content Views 的區塊或短碼
  4. 以後同仁只要「發文 + 選分類/標籤」，首頁與各專頁就自動更新

如果你告訴我你目前公會網站的分類大概怎麼規劃（例如：最新消息、學術活動、公告、會員專區…），我可以直接幫你建議：

  • 每個區塊用哪種 layout 最合適（Grid / List / Scrollable）
  • 首頁建議顯示幾篇、欄數怎麼配比較像公會網站
  • 是否用「View+短碼」比較好，還是直接用 Gutenberg 區塊比較快

以官方目前在 WordPress.org 的功能說明來看，Content Views 升級到 Pro 後「明確新增」的重點功能主要集中在「更進階的過濾/篩選」與「把外掛版型套用到系統頁面（Blog/分類/標籤/搜尋…）」這兩大類。下面我用「免費版做不到（或受限）→ Pro 才有」的角度整理給你。

Pro 版會增加哪些功能？

1) Sticky 置頂文章的進階處理（Pro）

Pro 版提供「Sticky Post」的控制選項，例如：

  • 隱藏置頂文
  • 置頂文永遠顯示在最上方
  • 只顯示置頂文
    這在官方功能列表中有直接標註為 (PRO)。 

公會網站很常用的情境：「重要公告」永遠在最上面、或某些列表不要被置頂文干擾。

2) 依「會員資格」限制顯示文章（Pro）

Pro 版可把文章列表限制為「只有符合資格的會員才能看到」，並標註支援多種會員外掛（如 Members、MemberMouse… 等），官方同樣標為 (PRO)。 

公會網站常見用途：

  • 會員專區（會議紀錄、內部文件、課程講義）只給會員看
  • 非會員看不到該區塊或顯示提示

3) 依「自訂欄位」篩選內容（支援 ACF / Meta Box / Pods 等）（Pro）

Pro 版可以用一個或多個自訂欄位作為篩選條件（例如 ACF 欄位），官方標註為 (PRO)。 

公會網站很實用的例子：

  • 活動文章有自訂欄位：活動日期、地點、報名截止日、費用
  • 你可以做「只顯示今年活動」或「費用=0 的免費活動」或「依活動日期排序」等更像資料庫的列表

4) 前台進階篩選（Faceted Search / Live Filter）（Pro）

這是 Pro 最大賣點之一：讓訪客在前台用篩選器自己找資料（類似「資料庫篩選」）。

官方標註為 ADVANCED FRONT-END FILTER (PRO)，並說可以把「分類、標籤、自訂 taxonomy、自訂欄位」做成篩選選項，呈現方式包含：

  • 下拉選單、checkbox、radio、日期區間、數字滑桿、按鈕
    並可加上文字搜尋、排序選項，還能調整樣式/順序/放在列表上方或側邊。 

公會網站常見用途：

  • 「歷年活動」頁面：訪客用 年份 / 類型 / 地區 直接篩
  • 「公告」頁：用分類/標籤快速篩出「選舉」「研討會」「報名」等

5) Replace Theme Layout：直接覆蓋主題的 Blog/分類/標籤/搜尋等頁面版型（Pro）

Pro 版提供 REPLACE THEME LAYOUT (PRO)：不用改主題、不寫程式，就把 Content Views 的網格/清單版型套用到這些系統頁面：

  • Blog 頁
  • Category 分類頁
  • Tag 標籤頁
  • Search 搜尋結果頁
  • Author 作者頁
  • Date 日期歸檔頁
  • Taxonomy / term 頁
    官方在功能說明列得很清楚。 

為什麼這對公會網站很有用？
因為公會網站通常會有「最新消息（分類）」、「學術活動（分類）」、「公告（分類）」這些「系統分類頁」。Pro 可以讓這些頁面統一變成你指定的漂亮版型，不用去改 Astra 的模板檔。

6) 「依目前頁面情境自動抓資料」的動態參數（Pro）

在 WordPress.org 的支援討論中，外掛作者明確提到 Pro 版可以做到：

  • 在分類歸檔頁顯示「當前分類」的文章（搭配 Replace Layout） 
  • 在單篇文章裡放同一段 shortcode，讓它依每篇文章的「當前分類」自動顯示相關文章，例如使用 cat="GET_CURRENT"（Pro 才支援這種做法） 
  • 甚至可顯示「指定分類本身（不是文章）」的列表（作者在回覆中表示 Pro 可做到） 

公會網站會很想要這功能：
例如每一篇「學術活動」文章底下都自動出現「同分類其他活動」，你不需要每篇重做一個 View。

7) 可調整「父/子分類一起被算進來」的行為（Pro）

WordPress 預設在用分類過濾時，選父分類通常會包含子分類文章。支援區裡外掛作者提到：Pro 版可修改這個預設行為（讓你更精準控制只顯示某分類、不包含子分類等需求）。 

Pro 的「加值」對你公會網站最有感的是哪幾個？

如果以你目前「公會網站」用途來看，最有感通常是：

  1. Replace Theme Layout（分類/標籤/搜尋頁套用同一套版型）
    → 讓「最新消息」「學術活動」「公告」頁瞬間一致又好看。 
  2. 前台進階篩選（活動/公告資料庫化）
    → 讓網站更像「可查詢的資料庫」，對外部訪客或會員都很實用。 
  3. 會員限制顯示
    → 做「會員專區」很常用。 

你要怎麼快速判斷「你需不需要 Pro」？

你可以這樣想：

  • 你只是要在某些頁面插入「某分類的最新 6 篇」→ 多半免費版就夠
  • 你想要：
    • 在分類/標籤/搜尋頁整站換成同一種文章牆
    • 讓訪客在前台用多條件篩選資料
    • 會員可見/不可見
    • 依自訂欄位查詢（活動日期、費用…）
      → 這些就是 Pro 的核心價值

1) Offset 是什麼？

Offset =「跳過前 N 篇文章」（在你設定好分類、排序之後，先略過最前面的幾篇不顯示）。

官方在功能描述裡有提到可以設定 post offset。
在區塊的 Query 設定中也會列出 Offset 這個欄位。

什麼時候會用到？

最常見用途有 2 個：

  1. 避免重複文章（首頁很常用）
    例如首頁你想做兩段「學術活動」：
  • 第一段：最新 10 篇
  • 第二段：接著顯示第 11～20 篇（不要跟第一段重複）

做法就是：

  • 第一段 Offset = 0（或空白）
  • 第二段 Offset = 10
  • 第三段 Offset = 20（要顯示第 21～30 篇）
    …以此類推。
  1. 把同一分類拆成多個區塊
    例如你有「重點活動（最新 3 篇）」＋「更多活動（接下來 10 篇）」。

重要提醒

  • Offset 不是分頁：Offset 是「固定跳過 N 篇」，訪客不能按「下一頁」去換 Offset。
  • 如果你要讓使用者可點「第 2 頁、第 3 頁…」，那要用 Pagination（分頁），不是 Offset。

2) Bottom Meta 是什麼？

Bottom Meta =「每篇文章項目底部那一排資訊（meta 資訊列）」。

Content Views 的文件寫得很清楚：Bottom Meta 可以顯示像 日期、作者、留言數、分類/標籤等 taxonomy，而且可以調整：

  • meta 之間的分隔符號
  • 顯示/隱藏圖示
  • 日期格式
    並且可以在 Styles 分頁裡做樣式調整。

公會網站常見建議

以「學術活動」列表來說，Bottom Meta 很常拿來放：

  • 發佈日期（或更新日期）
  • 活動分類（如果你有更細的子分類）
  • 活動標籤（例如：年會、研討會、課程、線上…）

如果你的文章列表已經很乾淨，想更像「公告清單」，也可以把 Bottom Meta 全部關掉，只留標題＋摘要即可。

3) Custom Field 是什麼？

Custom Field（自訂欄位）= 文章的「額外欄位資料」（又叫 post meta）。
例如你用 WordPress 內建自訂欄位、或 ACF/Meta Box/Pods 這類外掛，幫「學術活動」文章加了：

  • 活動日期
  • 地點
  • 報名網址
  • 主講人
  • 下載連結（PDF）
    …這些都屬於 Custom Field。

Content Views 文件說明：Custom Field 可以讓你在區塊中「選取並顯示自訂欄位」，支援 ACF、Meta Box、Pods 與原生自訂欄位；並且可以調整對齊、字體、顏色、背景、margin/padding 等樣式。

公會網站很實用的用法

如果你把「學術活動」文章做成結構化資料（用自訂欄位存活動日期/地點），你就可以在列表中顯示成：

  • 標題
  • （Custom Field）活動日期：2026/01/15
  • （Custom Field）地點：台北
  • （Custom Field）報名連結：按鈕/文字連結

這會比把所有資訊塞在文章摘要更一致、更好維護。

另外一個常見混淆：篩選 vs 顯示

你現在看到的 Custom Field 面板，多半是「顯示自訂欄位」。
但如果你看到「用自訂欄位來篩選文章」的選項，那通常是 Pro 功能之一；WordPress.org 的功能列表也有標記 Filter posts by custom field (PRO)。

我選擇以list post 顯示「學術活動」這分類的文章列表，結果在文章列表最前面，出現了 “List” 這個英文字。要怎麼讓Content Views 不要顯示 List，或可設定顯示其他文字？

Content Views 有「Heading Text」功能，你的區塊把 Heading Text 顯示成 “List”

Content Views 的確有新增/提供 Heading Text（標題文字） 功能，並且也能控制是否顯示。 

怎麼判斷：

  1. 在編輯頁面時，點一下你的 Content Views – List Post 文章列表區塊（點到整個列表外框被選取）。
  2. 如果你點到 “List” 時，會一起選到 Content Views 的區塊（而不是選到一個 Heading/Paragraph 區塊）
    ➡️ 很可能就是 Content Views 區塊本身在輸出「Heading Text」。

怎麼解（在區塊設定內關掉/改字）：

或把文字欄位改成你要的中文（例如「學術活動」）

選取該 List Post（或 Content Views）區塊

看右側設定欄（區塊 Block 設定）

找類似下面的項目（不同版本/介面可能略有差異）：

Heading Text

Heading

或在「Fields / Elements（欄位/元素）」裡有一個勾選項：Heading Text

你可以：

取消勾選 / Disable：就不會顯示 “List”

在某個頁面先設定了顯示某個分類「學術活動」的最新10篇文章。這分類已經累積有好幾百篇文章。但我在這個頁面只能看到最新10篇文章，沒有顯示下一個10篇的選項。要怎麼讓這個頁面能出現顯示「下一個10篇」的選項？以及顯示這分類總共有幾篇文章、如何選擇第3個10篇、第4個10篇……

如果你是在頁面用區塊插入（不是短碼），那通常叫「Posts per page」而不是 Limit（如下方這種設定畫面概念）。

做法：

更新頁面

編輯那個頁面

點一下你放的 Content Views 文章列表區塊

右側區塊設定（Block settings）找到：

Posts per page → 設 10

Pagination（或類似名稱）→ 打開

Pagination style → 選 Numeric/Numbered

返回頂端