驅動數位行銷

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。


PRO 達人網
Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何在 WordPress 新增文章清單?(2種方法)

文章清單又稱文章列表,是指集結數篇特定文章於同一網頁上,算是 WordPress 網站經常出現的元素之一。那麼應該要如何新增?本篇文章會介紹 2 種常見的做法,一種是區塊編輯器;另一種是 Elementor 編輯器。

文章清單組成要素

在開始說明如何新增文章清單前,你需要先了解基本的組成要素有哪些,如下:

  1. 動態資料:包含精選圖片、內容標題及摘要等等。
  2. 參數:依照分類、標籤、作者等參數去決定要顯示哪些文章及其排序。
  3. 分頁:規定每頁要出現多少篇內容,超過就換頁。

文章清單=動態資料+參數+分頁。

區塊編輯器

GenerateBlocks 外掛是由知名的開發者 Tom Usborne 所製作,內建許多實用的區塊,文章清單可以透過查詢迴圈區塊 (Query Loop Block) 完成。

附帶一提,同位作者所開發的 WP Show Posts 外掛也能新增文章清單,不過目前只會針對安全性問題更新且已合併至 GenerateBlocks,所以最終選擇介紹 GenerateBlocks 外掛。

Query Loop 區塊提供 5 種常見的版面配置,也能選擇要套用的內容類型每頁顯示多少篇內容,再搭配各種參數便能決定內容清單最終呈現的樣貌。

Elementor 編輯器

如果你是以 Elementor 作為 WordPress 網站主要的設計工具,那麼新增文章清單的最佳解法就是透過 Elementor Pro 內建的文章元素製作;如果你不想付費,在 WordPress org 外掛目錄上可以找到免費的替代方案,像是 The Post Grid 外掛。

Elementor 文章元素的設定能滿足文章清單最基本的需求,像是新增精選圖片、內容 (標題與摘要)、閱讀全文連結及分頁等等。在排版上也有多種選擇,整體來說非常夠用。

全方位學 WordPress – 從架站到整合行銷 2.0

文章清單只是文章彙整頁面的其中一個元素,如果你想學習更完整的內容,歡迎報名付費課程,對應的單元是:網站版面配篇 – 如何設計文章清單。

瀏覽次數: 478
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
開啟目錄