只要你有在寫部落格,基本上都會使用到文章清單,這也算是 WordPress 網站經常出現的元素之一。那麼應該要如何新增?本篇文章會介紹 2 種常見的做法,一種是區塊編輯器;另一種是 Elementor 編輯器。
文章清單組成要素
在開始說明如何新增文章清單前,你需要先了解基本的組成要素有哪些,如下:
- 內容:圖片、標題及摘要。
- 分頁:規定每頁要出現多少內容,超過就換頁。
- 篩選條件:依照分類、標籤及作者等條件去篩選文章。
區塊編輯器
GenerateBlocks 外掛是由知名的開發者 Tom Usborne 所製作,內建許多實用的區塊,文章清單的功能可以透過查詢迴圈區塊 (Query Loop Block) 完成。
附帶一提,同位作者所開發的 WP Show Posts 外掛也能讓你新增文章清單,不過目前只會針對安全性問題去更新,而且已經合併至 GenerateBlocks,所以最終選擇介紹 GenerateBlocks 外掛。
Query Loop 區塊提供 5 種常見的版面配置,也能選擇要套用的內容類型與每頁顯示多少篇內容,再搭配各種參數便能決定內容清單最終呈現的樣貌。
Elementor 編輯器
如果你是以 Elementor 作為 WordPress 網站主要的設計工具,那麼新增文章清單最佳的解法就是透過 Elementor Pro 內建的文章元素製作。
Elementor 文章元素的設定能滿足文章清單最基本的需求,像是新增精選圖片、內容 (標題與摘要)、閱讀全文連結及分頁等等。在排版上也有多種選擇,整體來說非常夠用。
工商廣告
由於外掛的設定選項有限,無法讓你隨心所欲的製作出更複雜的文章清單。如果你想以更彈性的方式設計,歡迎報名我的付費課程學習 (網站版面配篇 – 內容區域:如何設計文章清單的版面配置?)。