當(dāng)在WordPress網(wǎng)站上發(fā)布了長篇文章或內(nèi)容時,分頁功能可以幫助提高閱讀體驗(yàn)并讓訪問者更輕松地瀏覽內(nèi)容。分頁功能可以將長篇文章或內(nèi)容分割成多個頁面,以提供更好的用戶體驗(yàn),訪問者可以根據(jù)自己的需求選擇感興趣的部分,并且可以更輕松地導(dǎo)航和閱讀內(nèi)容。
一、手動添加分頁
1、調(diào)整functions.php文件
WordPress支持分頁函數(shù)(posts_nav_link() ),可以在主題的index.php文件中的主循環(huán)之前或之后插入該功能。這是代碼的簡化示例:
<?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代碼
要在WordPress網(wǎng)站中實(shí)現(xiàn)分頁,除了使用內(nèi)置的分頁功能之外,還可以通過向活動主題添加HTML和CSS代碼來自定義分頁外觀。網(wǎng)上有許多Web開發(fā)平臺,如CodePen,提供了各種可自定義的CSS代碼片段供選用。
以下是一個由Arefeh Hatami設(shè)計的自定義分頁樣式示例,它結(jié)合了HTML和CSS來創(chuàng)建一個簡潔的頁碼導(dǎo)航欄。如果打算在WordPress網(wǎng)站上采用這段代碼,可以根據(jù)個人喜好調(diào)整樣式,以適應(yīng)網(wǎng)站設(shè)計。
3、管理每頁內(nèi)容
- 導(dǎo)航WordPress儀表盤設(shè)置->閱讀;
- 編輯博客頁面至多顯示值;
- 單擊保存更改。
二、WordPress分頁插件
1、WP-PageNavi
WP-PageNavi作為一個廣受歡迎的免費(fèi)分頁插件,很可能已經(jīng)得到了WordPress主題的內(nèi)置支持。如果主題不支持該插件,可能需要手動調(diào)整主題代碼以確保插件能夠正常工作。幸運(yùn)的是,插件的官方頁面提供了必要的自定義代碼供參考。
WP-PageNavi的設(shè)計注重用戶友好性,即使是初學(xué)者也能輕松地進(jìn)行設(shè)置和修改。它不僅允許自定義導(dǎo)航標(biāo)簽和頁碼,還提供了從“舊文章/新文章”格式切換到序號導(dǎo)航欄的選項(xiàng),從而提供更多的控制靈活性。
一旦安裝并激活了WP-PageNavi插件,一個名為“PageNavi”的新選項(xiàng)卡將出現(xiàn)在WordPress的設(shè)置菜單中,讓可以輕松地調(diào)整分頁設(shè)置。
2、WP-Pages
WP-Paginate是一個開源的WordPress插件,旨在通過簡單的配置選項(xiàng)簡化網(wǎng)站分頁的添加過程。它還提供了一個自定義CSS選項(xiàng),允許為分頁鏈接添加個性化代碼,以更好地融入網(wǎng)站風(fēng)格。
該插件不僅適用于文章的分頁,還可以用于文章評論的分頁管理,這對于擁有大量用戶互動的熱門博客特別有用。此外,WP-Paginate提供了包括標(biāo)簽、按鈕及其布局在內(nèi)的多種可定制元素,讓能夠根據(jù)自己的需求調(diào)整分頁的外觀和功能。
雖然免費(fèi)版本已經(jīng)包含了所有基礎(chǔ)功能,但升級到Pro版本將解鎖更多樣式選擇,并且可以獲得完整的插件文檔以及為期一年的專業(yè)支持服務(wù)。
類似于WP-PageNavi,WP-Paginate的設(shè)置選項(xiàng)卡也可以在WordPress的“設(shè)置”菜單中找到,使配置過程直觀且易于訪問。
3、Alphabetic Pagination
Alphabetic Pagination 插件允許用戶以字母順序?qū)ordPress網(wǎng)站的文章和頁面進(jìn)行劃分和組織。這種獨(dú)特的分頁方式非常適合那些需要根據(jù)關(guān)鍵字或主題分類來優(yōu)化搜索效率的場景。
該插件的核心功能包括自動化分頁系統(tǒng)、字母分組以及DOM定位技術(shù),確保了內(nèi)容的有序呈現(xiàn)。它還提供了多種風(fēng)格和語言選項(xiàng),以滿足不同用戶的個性化需求。選擇升級到高級版本,將獲得額外的自定義簡碼,這些簡碼適用于分頁、列表及用戶列表,進(jìn)一步提升網(wǎng)站的功能性。
Alphabetic Pagination 還與WooCommerce兼容,這意味著可以在商店頁面和產(chǎn)品類別中使用這一創(chuàng)新的分頁方式,為訪問者提供更加直觀和便捷的瀏覽體驗(yàn)。
三、分頁404錯誤
404錯誤通常出現(xiàn)在WordPress網(wǎng)站中實(shí)現(xiàn)分頁功能時,這是由于固定鏈接沖突導(dǎo)致的。當(dāng)點(diǎn)擊下一頁時,通常會發(fā)生這種錯誤。自定義的/%category%/%postname%/固定鏈接結(jié)構(gòu)通常適用于首頁,但附加的/page/2可能與自定義的固定鏈接設(shè)置產(chǎn)生沖突。
解決這個問題的方法有很多種,具體取決于具體情況。
1、編輯WP_Query posts_per_page值:如果從WordPress儀表盤導(dǎo)航到設(shè)置->閱讀,會看到博客頁面至多顯示為10。檢查自定義固定鏈接的WP_Query并查看posts_per_page是否具有相同的值。如果不是,請更改其中任何一個,以免它們發(fā)生沖突。
2、添加分頁重寫規(guī)則:此方法涉及通過創(chuàng)建重寫規(guī)則來刪除有問題的部分。在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儀表盤轉(zhuǎn)到設(shè)置->固定鏈接,然后單擊保存更改以刷新規(guī)則緩存。