如何添加 WordPress 分頁

我們的一位讀者最近問我們如何添加 WordPress 分頁。

通過在 WordPress 存檔頁面的底部插入舊帖子和新帖子鏈接，您可以顯示分頁鏈接。 但是，許多 WordPress 頁面都使用數字分頁。 我們的經驗表明，數字分頁易於使用、更具吸引力、簡單且對 SEO 友好。

在本文中，我們將教您一些啟用 WordPress 分頁和精確數字分頁的最簡單方法。

什麼是分頁？

分頁是 WordPress 中許多博客共有的功能。 這非常重要，因為它是 WordPress 中心的一個重要功能，對於許多網站所有者來說。. 分頁是一種簡單而標準的做法，它可以阻止您同時加載所有項目。 許多主題也被開發成分頁。

但是，如果他們不這樣做，您可以在您的網站上使用幾行代碼方便地配置分頁。 在本文中，我們將探討處理您網站上的分頁的幾種不同方法。

如何手動添加 WordPress 分頁？

如果您創建自己的主題或想為您的主題添加分頁，則可以使用內置的 WordPress 功能和幾行代碼。 實際上，有兩種不同的插入方法。

頁面底部附有“Previous Posts”和“Next Posts”或（<< Prev 1 … 3 4 5 6 7 … 9 Next >> ）。

方法 1：附加上一個和下一個帖子鏈接

要為您的主題添加分頁支持，大多數代碼應包含在主題的 functions.php 文件或兒童主題中。 在使用高級主題時，我建議使用自定義功能創建兒童問題。

為了向 WordPress 主題添加分頁，我們需要創建在列表底部為您提供前後鏈接的功能。

話雖如此，我們還必須確保僅在特定連接到帖子時才顯示某些連接。 第一步是有效地構建功能。 您可以通過打開您的 functions.php 文檔、向下滾動並插入以下代碼來執行此操作：

 function pagination_nav() { global $wp_query; if ( $wp_query->max_num_pages > 1 ) { ?> <nav class="pagination" role="navigation"> <div class="nav-previous"><?php next_posts_link( '&larr; Older posts' ); ?></div> <div class="nav-next"><?php previous_posts_link( 'Newer posts &rarr;' ); ?></div> </nav> <?php } }

然後，當應用於模板時，此功能將產生一個前一個和下一個連接，包裝在 HTML5 導航標記中。 該功能的第一個組件驗證當前是否有超過 1 頁的帖子可用。 如果沒有，則不需要該代碼。

之後，組織 HTML 標記。 我們從一個基本的 nav 標籤開始，然後在 div 標籤中使用 next posts link 和 previous posts link 功能。 這兩個函數都支持 HTML 的第一個參數，可用於自定義輸出文本。 在每個（<-New Post）中，我們都有一點 Javascript 和一個 Javascript 箭頭，以便稍後使用 CSS 設置樣式。

添加後，您只需將此功能應用於真實模板。 因此，請轉到 index.php 文件通常分頁的模板並向下滾動到循環的末尾。 這跟在句子“endwhile”之後，但在循環內有一些語句“then”。 添加這一行，然後：

 <?php pagination_nav(); ?>

這將在您的內容下方顯示指向您頁面的鏈接，並且僅在必要時顯示鏈接。

方法二：附加頁碼分頁

設置有點接近我們配置基本分頁的方式，但我們將使用 WordPress 分頁鏈接功能，而不是以下和以前的郵政鏈接。 這將在模型的任何位置顯示總分頁欄。 可以再次放置我們主題或子主題functions.php文件中的第一段代碼。 我們可以使用分頁鏈接來衡量可用頁面的數量並顯示鏈接列表。

 function pagination_bar() { global $wp_query; $total_pages = $wp_query->max_num_pages; if ($total_pages > 1){ $current_page = max(1, get_query_var('paged')); echo paginate_links(array( 'base' => get_pagenum_link(1) . '%_%', 'format' => '/page/%#%', 'current' => $current_page, 'total' => $total_pages, )); } }

同樣，添加了一個 $wp 查詢全局對像以允許我們查看所有文章。 然後，通過使用 max num pages 功能，我們計算頁面上可用的頁面數並執行條件檢查以確保有超過 1 個頁面，需要分頁。 否則不會顯示任何內容。 最後，要搜索我們現在所在的頁面，我們使用 get_query_var。

最後一步是使用分頁鏈接功能來製作頁面列表以及上一個和下一個按鈕。

還請訪問該網站（通常為 index.php）並在我們的循環結束之前粘貼以下代碼，在“endif”之後但在“endwhile”之前。

 <nav class="pagination"> <?php pagination_bar(); ?> </nav>

您現在可以看到已連接網站的完整列表，如上圖所示，而不是基本的下一個或上一個鏈接。

使用插件添加 WordPress 分頁

如果您不喜歡手動添加 WordPress 分頁，您也可以使用一些 WordPress 插件輕鬆添加這些分頁。 以下是您可以使用的一些插件：

WP-PageNavi

如果您正在尋找一些自定義分頁或者您不想手動執行它，那麼有一些插件可能會有所幫助。 也許 WP-PageNavi 是最常見的，因為它必須方便設置、可定制和時尚。 我們描述過，Elegant 主題中的主題設置為自動開始使用具有內置 PHP 功能和 CSS 樣式的 WP-PageNavi，因此您只需觸發插件即可。

要使用此插件為您的頁面添加分頁，您需要添加以下功能：

 <?php wp_pagenavi(); ?>

然後，您可以使用插件的“設置”頁面來個性化分頁的各個方面。 選擇分頁時要顯示的文本以及下一個和上一個鏈接的每個頁面區域的格式。

WP-分頁

WP Paginate 與 WP-Page Navi 非常相似，但您可能會發現一些有用的附加功能。 例如，如果您希望稍後使用 CSS 進行自定義或選擇要在分頁上顯示的確切頁碼，那麼您可以控制分頁的標記，這樣它就不會變得太不可行。 例如 WP-PageNavi，一個函數將頁碼添加到您的頁面，替換您現有的分頁。

 <?php if(function_exists('wp_paginate_comments')) { wp_paginate_comments(); } ?>

您的主題將有一個完整的頁面列表，可以通過插件的設置進行更改。 如果您正在尋找一個沒有太多選項的簡單解決方案，那麼 WP-Paginate 工作得很好並且只能自動化工作。

總結

恭喜，您終於學會瞭如何添加 WordPress 分頁。 此外，一些訪問者還向我們詢問瞭如何修復更新失敗的 WordPress 。 請檢查有關此的專用文章。

如果您需要有關 WordPress 分頁錯誤的幫助，請聯繫我們的幫助人員。 對於任何 WordPress 問題，我們的支持團隊將為您提供幫助。

我們接受訪問者的任何類型的建議，因為它總是激勵我們改進。 歡迎在下方發表評論。