網站最後更新日期:2022年3月25日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站(中) 個人網站(EN) 更多聯絡方式
×

【純代碼】為WordPress添加AJAX無刷新之評論分頁功能

WordPress預設自帶一個「評論分頁」功能,可以方便的防止過多評論導致頁面過長,但是當訪客在切換評論時,頁面需要不停地經過刷新、加載,降低訪客體驗,而今天「暢想資源」就來教大家如何為WordPress添加AJAX無刷新的評論分頁功能,提升網站的用戶體驗! :mrgreen:

預覽

可參考本站「留言本」頁面! :grin:

教學

提示:在開始進行以下步驟前,請先確定你的網站已經成功加載jQuery庫!

1、首先於主題的「迴響 (comments.php)」文件內的「評論主題DIV(例如 commentlist 等)」的DIV外添加 <div id="loading-comments"><span>評論載入中,請稍等...</span></div>

wordpress-ajax-comment-pages-1

2、然後將下列代碼新增為JS文件(例如「ajax-comment-pages.js」等)並儲存至WordPress主題目錄下,然後在網頁內使用 script 來引用該文件即可!

注意:請根據各行注釋將相關DIV的 idclass 進行適當修改後方可於網頁內正常使用!

3、現在在網頁內試試看點擊你的評論分頁,是不是已經可以實現無刷新加載了?如果還不行,請確定DIV是否已經設定正常,或者於下方留言說明問題,本站將會盡力幫你解決! :razz:

參考

WordPress Ajax 評論分頁

WordPress分頁評論Ajax載入

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用“姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)”於“”發布,轉載時須以相同方式發布並註明“原文鏈接”!

本文固定鏈接:https://www.arefly.com/zh-hant/wordpress-ajax-comment-pages/

本文章由“超級efly”於2014年10月13日發表於“WordPress”分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:【純代碼】為WordPress添加AJAX無刷新之評論分頁功能 | 暢想資源

關鍵字:, , ,

如果您對本文有任何疑問或建議,歡迎發送郵件至yifei@hesyifei.com(或通過其它途徑)聯繫我們,謝謝!