想要在一個頁面中，列出你的所有 WordPress 文章嗎? 本篇文章示範 4 種編輯區塊，將全部文章顯示在同一頁面。

例如本站的所有文章清單。

為什麼要顯示所有文章清單在同一頁面

WordPress 預設就有很多彙整頁面，例如依據類別彙整、依據標籤彙整，依據月份彙整等等，我們也可以自訂想要的客製化彙整頁面。

全部文章清單，也是一種彙整，將所有文章列表放在同一頁面，搜尋比較方便，一眼就能看出所有內容。

所有文章全部顯示在同一頁面，也可增加讀者與網站的互動與留存。

如何列出所有文章

通常我們都以建立文章(Post)的方式來編寫內容，但彙整所有文章清單，比較適合放在一個獨立頁面(Page)，類似【關於我們】、【聯絡我們】這一種獨立頁面。

以下範例都是由【建立新頁面】開始，列出所有文章，隱藏精選圖片讓畫面簡明扼要，再逐步微調細節。

各種編輯區塊的操作方式都一樣:

1. 選擇要使用的區塊
2. 設定要顯示的文章篇數，0 就是顯示全部。
3. 設定要顯示的類別。
4. 依據喜好設定是否顯示作者、日期、文站類別等等。
5. 修改顏色、邊距等細部調整。

#1 使用 Posts List

Posts List Block 是預設就有的古騰堡編輯區塊。

在區塊編輯區中輸入 /posts，就會跳出相關名稱的區塊，請選擇 Posts List。

Posts List 範例:

#2 使用 Post TimeLine

使用 Post TimeLine 需先安裝 Ultimate Addons for Gutenberg 外掛。

安裝完成後，在區塊編輯區中輸入 /posts，就會跳出相關名稱的區塊，請選擇 Posts Timeline。

Post TimeLine 顯示非常好看，可以一目了然文章的發佈歷史。

Post TimeLine 範例 1：

Post TimeLine 範例 2：

#3 使用 Post Masonry

使用 Post Masonry (文章瀑布流) 需先安裝 Ultimate Addons for Gutenberg 外掛。

在區塊編輯區中輸入 /posts，就會跳出相關名稱的區塊，請選擇 Posts Masonry。

Masonry 是一種很常見的網頁設計模式，內容就像瀑布一樣往下延伸。

Post Masonry 範例：

#4 使用 Post Grid

在區塊編輯區中輸入 /posts，就會跳出相關名稱的區塊，請選擇 Posts Grid。

Post Grid 和 Post Masonry 很相似，差別是 Grid 排得整整齊齊， Masonry 就和瀑布一樣不規則。

Post Grid 範例：

什麼是 Ultimate Addons for Gutenberg 外掛

Ultimate Addons for Gutenberg 外掛提供很多古騰堡編輯區塊，可以讓文章有多樣化的網頁設計，這個外掛和 Astra Pro 是同一間公司的產品，也是免費使用。

外掛提供的編輯區塊可以先到外掛官網看看範例，再決定是否適合自己的網站。