文章分頁功能與樣式美化

4年前 (2016-08-19) Yosheng 功能修改 0評論 已收錄 727℃

最近寫文章發現如果將文章全部擺在同一個頁面,使用者體驗不是很好,拆成每個頁面來閱讀,看起來也比較舒服,於是開始使用分頁功能,才發現原來主題的分頁功能寫得相當單調,只是簡單呼叫函式而已,上網找了相關客製化的分享後,經過測試效果十分不錯,寫成文章筆記下來囉。

  • 原本的主題是在 single.php 置入下述的程式碼

效果就像是「上一頁 1 2 3 下一頁 」這樣的概念,相當醜且也不能自己寫CSS去調整,因為都只是 <a href=..> 標籤。因此如果需要自訂CSS樣式就必須重新寫一個函式來進行呼叫,方法如下。

  • 在 functions.php 裡面置入下述的程式碼
  • wordpress 版本過舊 可能內建的編輯器沒有支援 分頁標籤的功能 那就必須另外新增下述程式碼
  • 新增完函式後 自訂CSS樣式 打開主題的 style.css
  • 最後在 single.php 呼叫自訂的函式
  • 完成後的效果如附圖

2016-8-19 下午 11-03-07

參考資料

http://www.111cn.net/wy/wordpress/87698.htm

http://lostsakura.com/14.html

http://bavotasan.com/2012/a-better-wp_link_pages-for-wordpress/

http://blog.brain1981.com/1267.html

https://prinzeugen.net/add-pagination-for-wordpress/

博主

擅長使用 C# 和 Java 開發項目,全棧開發工程師,前端主要使用 Vue 其次 Angular ,目前正在學習分布式架構,運維研發兼具,平時愛好鑽研技術並應用於實務當中,常駐於上海。

相關推薦

相逢就是有緣,留下足跡吧!