WordPress分頁(yè):如何設(shè)置和排除故障
分頁(yè)是一個(gè)方便的wordpress網(wǎng)站功能,可將博客文章分成單獨(dú)的頁(yè)面。訪問(wèn)者不必滾動(dòng)瀏覽您的所有文章,而是可以跳轉(zhuǎn)到特定頁(yè)面并節(jié)省時(shí)間。
擁有大量?jī)?nèi)容的網(wǎng)站可以從實(shí)施分頁(yè)中受益,因?yàn)榇斯δ茉试S訪問(wèn)者更快地瀏覽,提供更好的閱讀體驗(yàn)。
此外,分頁(yè)使您的網(wǎng)站導(dǎo)航更加用戶(hù)友好和爬蟲(chóng)友好,因?yàn)樗诰W(wǎng)站內(nèi)創(chuàng)建了清晰的結(jié)構(gòu)。更短的博客頁(yè)面也意味著更快的加載時(shí)間,促進(jìn)更好的用戶(hù)體驗(yàn)。
本文將向您展示如何使用兩種方法實(shí)現(xiàn)WordPress后分頁(yè) – 手動(dòng)和使用分頁(yè)插件。我們還將介紹WordPress分頁(yè)404錯(cuò)誤以及解決該問(wèn)題的一些提示。
WordPress分頁(yè)是一項(xiàng)將博客文章列表拆分為單獨(dú)頁(yè)面的功能。訪問(wèn)者可以使用“下一個(gè)”或“上一個(gè)”按鈕在頁(yè)面之間導(dǎo)航或跳轉(zhuǎn)到特定頁(yè)碼。
- 如何手動(dòng)將分頁(yè)添加到WordPress
- 1.調(diào)整functions.php文件中的PHP代碼
- 2.添加CSS代碼編輯分頁(yè)
- 3. 管理每頁(yè)內(nèi)容
- 最佳WordPress分頁(yè)插件
- 1. WP-PageNavi
- 2. WP-Pages
- 3. Alphabetic Pagination
- 如何修復(fù)WordPress分頁(yè)404錯(cuò)誤?
- 編輯WP_Query posts_per_page值
- 添加分頁(yè)重寫(xiě)規(guī)則
如何手動(dòng)將分頁(yè)添加到WordPress
具有編碼技能的用戶(hù)可以使用自定義代碼在WordPress中手動(dòng)實(shí)現(xiàn)分頁(yè)。在本教程中,我們使用wordpress主題二〇二〇。
隨意查看以下方法并使用最適合您的技術(shù)技能的方法。
1.調(diào)整functions.php文件中的PHP代碼
WordPress支持分頁(yè)函數(shù)(posts_nav_link() ),您可以在主題的index.php文件中的主循環(huán)之前或之后插入該功能。這是代碼的簡(jiǎn)化示例:
我們建議使用子主題進(jìn)行此修改,而不是直接在父主題中實(shí)現(xiàn)。子主題繼承其父主題的所有功能、樣式和特性,因此允許您在任何主題更新后保留所做的更改。
2.添加CSS代碼編輯分頁(yè)
實(shí)現(xiàn)分頁(yè)的另一種方法是將HTML和CSS代碼添加到您的活動(dòng)主題中。您可以使用的許多自定義CSS代碼片段可在CodePen等Web開(kāi)發(fā)平臺(tái)上使用。
以下是Arefeh Hatami設(shè)計(jì)的自定義分頁(yè)功能。它利用HTML和CSS創(chuàng)建一個(gè)簡(jiǎn)單的頁(yè)碼導(dǎo)航欄。如果您決定在您的WordPress網(wǎng)站中實(shí)現(xiàn)此代碼段,請(qǐng)隨時(shí)根據(jù)需要嘗試不同的樣式。
3. 管理每頁(yè)內(nèi)容
與以前的方法不同,這種方法不涉及編碼。相反,您只需要訪問(wèn)WordPress管理儀表盤(pán)。
- 導(dǎo)航WordPress儀表盤(pán)設(shè)置->閱讀。
- 編輯博客頁(yè)面至多顯示值。
- 單擊保存更改。
每頁(yè)顯示的文章數(shù)量應(yīng)根據(jù)網(wǎng)站的內(nèi)容總量進(jìn)行調(diào)整。例如,如果您有50-100個(gè)文章,那么每個(gè)頁(yè)面包含5到10個(gè)文章將是理想的。
下圖顯示了將值設(shè)置為“1”時(shí)的樣子。每個(gè)頁(yè)面將顯示一篇博客文章,并且在頁(yè)腳部分之前將出現(xiàn)一個(gè)分頁(yè)導(dǎo)航欄。此設(shè)置適用于內(nèi)容量較小的小型網(wǎng)站。
最佳WordPress分頁(yè)插件
實(shí)現(xiàn)分頁(yè)的最簡(jiǎn)單方法是使用WordPress插件。官方插件目錄中提供了許多免費(fèi)和高級(jí)分頁(yè)插件。我們將介紹三個(gè)最好的免費(fèi)選擇。
所有這些插件都可以在安裝和激活時(shí)通過(guò)您的設(shè)置菜單進(jìn)行自定義。
1.?WP-PageNavi
由于WP-PageNavi是最受歡迎的免費(fèi)插件之一,您的WordPress主題很可能包含對(duì)它的內(nèi)置支持。否則,您將不得不手動(dòng)調(diào)整主題代碼以使插件正常工作 – 插件的官方頁(yè)面上提供了自定義代碼。
WP-PageNavi提供簡(jiǎn)單的設(shè)置,即使是初學(xué)者也可以輕松修改。它還允許您更改導(dǎo)航元素的標(biāo)簽和頁(yè)碼。此外,該插件允許您從舊文章和新文章格式切換到編號(hào)導(dǎo)航欄,以便于控制。
要訪問(wèn)更多樣式選項(xiàng),請(qǐng)考慮獲取WP PageNavi插件的樣式。
安裝并激活插件后,PageNavi選項(xiàng)卡將出現(xiàn)在設(shè)置菜單中。
2.?WP-Pages
WP-Paginate是一個(gè)開(kāi)源插件,它提供簡(jiǎn)單的設(shè)置來(lái)為您的WordPress網(wǎng)站添加分頁(yè)。它還提供了一個(gè)自定義CSS選項(xiàng)卡來(lái)為您的分頁(yè)鏈接添加自定義代碼。
除了博客文章,WP-Paginate還可以修改文章評(píng)論,這對(duì)于吸引大量評(píng)論的熱門(mén)博客非常方便。其他可自定義的元素包括標(biāo)簽和按鈕以及它們的位置。
免費(fèi)版本具有您需要的所有基本功能。但是,升級(jí)到Pro版本將為您提供更多樣式選項(xiàng)以及訪問(wèn)插件文檔和一年的專(zhuān)門(mén)支持。
與WP-PageNavi一樣,您可以從“設(shè)置”菜單訪問(wèn)WP -Paginate選項(xiàng)卡。
3.Alphabetic Pagination
正如它的名字一樣,Alphabetic Pagination允許您按字母順序拆分和組織文章和頁(yè)面。這種分頁(yè)格式可用于根據(jù)關(guān)鍵字和主題類(lèi)別對(duì)項(xiàng)目進(jìn)行排序,從而提高搜索過(guò)程的效率。
該插件的一些基本功能包括自動(dòng)分頁(yè)、字母分組和DOM定位。不同的風(fēng)格和語(yǔ)言選擇可滿(mǎn)足不同的需求和偏好。升級(jí)到高級(jí)版將使您能夠訪問(wèn)用于分頁(yè)、列表和用戶(hù)列表的自定義簡(jiǎn)碼。
此外,Alphabetic Pagination與WooCommerce的商店頁(yè)面和產(chǎn)品類(lèi)別兼容。
如何修復(fù)WordPress分頁(yè)404錯(cuò)誤?
404錯(cuò)誤是在WordPress中實(shí)現(xiàn)分頁(yè)時(shí)可能出現(xiàn)的錯(cuò)誤消息。在大多數(shù)情況下,它是由阻止瀏覽器發(fā)現(xiàn)損壞頁(yè)面的固定鏈接沖突引起的。
當(dāng)您單擊下一頁(yè)時(shí),通常會(huì)發(fā)生該錯(cuò)誤。自定義/%category%/%postname%/固定鏈接結(jié)構(gòu)通常適用于首頁(yè),但https://www.domain.com/custom_taxonomy/page/2 URL的附加/page/2可能與自定義固定鏈接設(shè)置沖突。
這個(gè)問(wèn)題有幾種可能的解決方案,具體取決于您的具體情況。
編輯WP_Query posts_per_page值
如果您從WordPress儀表盤(pán)導(dǎo)航到設(shè)置->閱讀,您會(huì)看到博客頁(yè)面至多顯示為10。
檢查您的自定義固定鏈接的WP_Query并查看posts_per_page是否具有相同的值。如果不是,請(qǐng)更改其中任何一個(gè),以免它們發(fā)生沖突。
添加分頁(yè)重寫(xiě)規(guī)則
此方法涉及通過(guò)創(chuàng)建重寫(xiě)規(guī)則來(lái)刪除有問(wèn)題的部分。在您的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儀表盤(pán)轉(zhuǎn)到設(shè)置->固定鏈接?,然后單擊保存更改以刷新規(guī)則緩存。
小結(jié)
分頁(yè)是一項(xiàng)有用的功能,它使內(nèi)容密集型WordPress網(wǎng)站用戶(hù)友好且易于瀏覽,從而提供更好的用戶(hù)體驗(yàn)。幸運(yùn)的是,它可以使用自定義代碼或插件來(lái)實(shí)現(xiàn),從而方便所有技術(shù)水平的用戶(hù)。
我們已經(jīng)介紹了幾種將分頁(yè)添加到WordPress網(wǎng)站的方法以及實(shí)現(xiàn)此功能的三個(gè)最佳插件。如果您遇到WordPress分頁(yè)404錯(cuò)誤,我們提供了幾種修復(fù)方法。
我們希望這篇文章有助于改善您的WordPress博客的用戶(hù)體驗(yàn)。
版權(quán)聲明:
本站所有文章和圖片均來(lái)自用戶(hù)分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途,如果損害了您的權(quán)利,請(qǐng)聯(lián)系網(wǎng)站客服處理。