分頁是一個方便的WordPress網站功能，可將部落格文章分成單獨的頁面。訪問者不必滾動瀏覽您的所有文章，而是可以跳轉到特定頁面並節省時間。
擁有大量內容的網站可以從實施分頁中受益，因為此功能允許訪問者更快地瀏覽，提供更好的閱讀體驗。
此外，分頁使您的網站導航更加使用者友好和爬蟲友好，因為它在網站內建立了清晰的結構。更短的部落格頁面也意味著更快的載入時間，促進更好的使用者體驗。
本文將向您展示如何使用兩種方法實現WordPress後分頁 – 手動和使用分頁外掛。我們還將介紹WordPress分頁404錯誤以及解決該問題的一些提示。
WordPress分頁是一項將部落格文章列表拆分為單獨頁面的功能。訪問者可以使用“下一個”或“上一個”按鈕在頁面之間導航或跳轉到特定頁碼。
如何手動將分頁新增到WordPress
具有編碼技能的使用者可以使用自定義程式碼在WordPress中手動實現分頁。在本教學中，我們使用WordPress主題二〇二〇。
隨意檢視以下方法並使用最適合您的技術技能的方法。
1.調整functions.php檔案中的PHP程式碼
WordPress支援分頁函式（posts_nav_link() ），您可以在主題的index.php檔案中的主迴圈之前或之後插入該功能。這是程式碼的簡化示例：
<?php if ( have_posts() ) : ?>
<!-- Add the pagination functions here. →
posts_nav_link()
<!-- Start of the main loop. -->
<?php while ( have_posts() ) : the_post(); ?>
<!-- the rest of your theme's main loop -->
<?php endwhile; ?>
<!-- End of the main loop -->
<!-- Or add the pagination functions here. -->
<div class="nav-previous alignleft"><?php previous_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php next_posts_link( 'Newer posts' ); ?></div>
<?php else : ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
我們建議使用子主題進行此修改，而不是直接在父主題中實現。子主題繼承其父主題的所有功能、樣式和特性，因此允許您在任何主題更新後保留所做的更改。
2.新增CSS程式碼編輯分頁
實現分頁的另一種方法是將HTML和CSS程式碼新增到您的活動主題中。您可以使用的許多自定義CSS程式碼片段可在CodePen等Web開發平臺上使用。
以下是Arefeh Hatami設計的自定義分頁功能。它利用HTML和CSS建立一個簡單的頁碼導航欄。如果您決定在您的WordPress網站中實現此程式碼段，請隨時根據需要嘗試不同的樣式。
3. 管理每頁內容
與以前的方法不同，這種方法不涉及編碼。相反，您只需要訪問WordPress管理儀表盤。
- 導航WordPress儀表盤設定->閱讀。
- 編輯部落格頁面至多顯示值。
- 單擊儲存更改。
每頁顯示的文章數量應根據網站的內容總量進行調整。例如，如果您有50-100個文章，那麼每個頁面包含5到10個文章將是理想的。
下圖顯示了將值設定為“1”時的樣子。每個頁面將顯示一篇部落格文章，並且在頁尾部分之前將出現一個分頁導航欄。此設定適用於內容量較小的小型網站。
最佳WordPress分頁外掛
實現分頁的最簡單方法是使用WordPress外掛。官方外掛目錄中提供了許多免費和高階分頁外掛。我們將介紹三個最好的免費選擇。
所有這些外掛都可以在安裝和啟用時通過您的設定選單進行自定義。
1. WP-PageNavi
由於WP-PageNavi是最受歡迎的免費外掛之一，您的WordPress主題很可能包含對它的內建支援。否則，您將不得不手動調整主題程式碼以使外掛正常工作 – 外掛的官方頁面上提供了自定義程式碼。
WP-PageNavi提供簡單的設定，即使是初學者也可以輕鬆修改。它還允許您更改導航元素的標籤和頁碼。此外，該外掛允許您從舊文章和新文章格式切換到編號導航欄，以便於控制。
要訪問更多樣式選項，請考慮獲取WP PageNavi外掛的樣式。
安裝並啟用外掛後，PageNavi選項卡將出現在設定選單中。
2. WP-Pages
WP-Paginate是一個開源外掛，它提供簡單的設定來為您的WordPress網站新增分頁。它還提供了一個自定義CSS選項卡來為您的分頁連結新增自定義程式碼。
除了部落格文章，WP-Paginate還可以修改文章評論，這對於吸引大量評論的熱門部落格非常方便。其他可自定義的元素包括標籤和按鈕以及它們的位置。
免費版本具有您需要的所有基本功能。但是，升級到Pro版本將為您提供更多樣式選項以及訪問外掛文件和一年的專門支援。
與WP-PageNavi一樣，您可以從“設定”選單訪問WP -Paginate選項卡。
3.Alphabetic Pagination
正如它的名字一樣，Alphabetic Pagination允許您按字母順序拆分和組織文章和頁面。這種分頁格式可用於根據關鍵字和主題類別對專案進行排序，從而提高搜尋過程的效率。
該外掛的一些基本功能包括自動分頁、字母分組和DOM定位。不同的風格和語言選擇可滿足不同的需求和偏好。升級到高階版將使您能夠訪問用於分頁、列表和使用者列表的自定義簡碼。
此外，Alphabetic Pagination與WooCommerce的商店頁面和產品類別相容。
如何修復WordPress分頁404錯誤？
404錯誤是在WordPress中實現分頁時可能出現的錯誤訊息。在大多數情況下，它是由阻止瀏覽器發現損壞頁面的固定連結衝突引起的。
當您單擊下一頁時，通常會發生該錯誤。自定義/%category%/%postname%/固定連結結構通常適用於首頁，但https://www.domain.com/custom_taxonomy/page/2 URL的附加/page/2可能與自定義固定連結設定衝突。
這個問題有幾種可能的解決方案，具體取決於您的具體情況。
編輯WP_Query posts_per_page值
如果您從WordPress儀表盤導航到設定->閱讀，您會看到部落格頁面至多顯示為10。
檢查您的自定義固定連結的WP_Query並檢視posts_per_page是否具有相同的值。如果不是，請更改其中任何一個，以免它們發生衝突。
新增分頁重寫規則
此方法涉及通過建立重寫規則來刪除有問題的部分。在您的functions.php檔案中包含此程式碼段：
function my_pagination_rewrite() {
add_rewrite_rule(category_name/page/?([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');
新增程式碼後，從WordPress儀表盤轉到設定->固定連結 ，然後單擊儲存更改以重新整理規則快取。
小結
分頁是一項有用的功能，它使內容密集型WordPress網站使用者友好且易於瀏覽，從而提供更好的使用者體驗。幸運的是，它可以使用自定義程式碼或外掛來實現，從而方便所有技術水平的使用者。
我們已經介紹了幾種將分頁新增到WordPress網站的方法以及實現此功能的三個最佳外掛。如果您遇到WordPress分頁404錯誤，我們提供了幾種修復方法。
我們希望這篇文章有助於改善您的WordPress部落格的使用者體驗。
評論留言