[WordPress] 設定文章列表頁每頁出現的筆數與使用 WP_Query() 的方法

2022-09-18 17:00:49

在 WordPress 裡要顯示文章列表頁，會在 archive.php 這類的文章列表頁出現像這樣程式碼，用來判斷如果有資料就可以在裡面使用迴圈把資料顯示出來。

if ( have_posts() ) :

endif;

預設是一頁會出現 10 篇文章，如果文章數超過 10 篇就會開始出現分頁，那如果要改變每頁出現的文章數，就需要透過 WP_Query()，設定的方法是只要在have_posts() 之前執行就可以了：

$wp_query->set('posts_per_page', 12); //每頁文章數
$wp_query->query($wp_query->query_vars);

以上是使用 WP_Query() 的方法，不過也有更簡單的方法，登入管理介面後，從設定 -> 閱讀再去設定就可以了。

如果是全站共通的設定就從這邊設定就好，如果不同類型的頁面每頁要不一用的文章數，再使用 WP_Query() 即可。

[WordPress] 自訂文章列表分頁(pagination)上一頁下一頁的文字 JSON Crack：好用的 JSON 資料格式視覺化產生器，並支援一鍵輸出圖片

你可能也會喜歡的

[WordPress] 使用 get_the_post_thumbnail() 時帶入自訂的 class name

[WordPress Plugin] 透過 Co-Authors Plus 設定多個文章的作者

在 Nginx 上設定 WordPress Rewrite 固定連結

[WordPress] 透過 get_cat_name() 使用 id 取得分類名稱

[CodeIgniter 4] 保護您的網頁免受XSS攻擊，並避免因 HTML 的特殊符號導致頁面破版：深入了解esc()函數的使用

[WordPress Plugin] SVG Support：讓你的 WordPress 支援 SVG 格式圖檔的必備外掛

課程推薦

用 AI 生成網站？ AI 高效網站設計實戰課：ChatGPT X HTML X SEO

利用 AI 提升網站設計效率與 SEO 排名！了解如何透過 ChatGPT 等工具快速建立 HTML 架構，優化關鍵字與用戶體驗，讓網站更具競爭力。

輸入折扣碼 TC1533SL 還可以額外獲得 NT$500 優惠喔。

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。