脱离插件,实现WordPress主题分页功能

越少的使用插件,却能让使用者完全体验到主题的各项功能,才是真正好的主题,这也是所有主题设计者应考虑的问题,本站目前的新主题基本实现了零插件。网上不使用插件实现WordPress功能的文章也很多,之前我也写过WordPress相关日志函数一文,今天再补一个不使用插件实现翻页功能的函数代码。

WordPress默认翻页功能很弱,一页页翻,弄到你手麻,所以类似wp-pagenavi翻页插件,几乎是WordPress博客必装的插件,也是普及率很高的一款插件。

虽然网上有如何把wp-pagenavi插件集成到WordPress主题的教程,但wp-pagenavi插件函数代码拖沓,只是变相启用插件而已,并没有真正脱离wp-pagenavi插件。下面一段轻量级的函数,加上寥寥数行css样式就可以完全替代分页插件了。

具体实现方法:

首先将下面一段函数代码添加到主题的functions.php模板文件中:

  1. pagination(){   
  2.  ;   
  3.  =  WP_Query( .);   
  4.  = ->post_count;   
  5. (()) = 1;   
  6.  =  – 1;   
  7.  =  + 1;   
  8.  = 2;   
  9.  = ( * 2)+1;   
  10.   
  11.  = (/);   
  12. (1 != ){   
  13.  ;   
  14.  ( > 2 && ++1 >  &&  < )? .get_pagenum_link(1).:;   
  15.  ( > 1 &&  < )? .get_pagenum_link().:;   
  16.   
  17.  (=1;  <= ++){   
  18.  (1 !=  &&( !( >= ++1 ||  <= -1) ||  <=  )){   
  19.  ( == )? ..:.get_pagenum_link()...;   
  20. }   
  21. }   
  22.   
  23.  ( <  &&  < ) ? .get_pagenum_link(). :;   
  24.  ( < -1 &&  +-1 <  &&  < ) ? .get_pagenum_link().:;   
  25.  ;   
  26. }   
  27. }  

接下来用下面的代码替换原来模板中默认翻页代码或分页插件代码:

  1. <?php pagination(); ?>  

最后再把下面的样式代码添加到style.css中,刷新一下页面,与使用插件实现的翻页效果一样。

  1. .pagination{   
  2. :;   
  3. }   
  4. .pagination span, .pagination a{   
  5. :;   
  6.    0;   
  7. :;   
  8. :  ;   
  9. :;   
  10. :   ;   
  11. :;   
  12. }   
  13. .pagination a:hover{   
  14. ;   
  15. :  ;   
  16. :;   
  17. }   
  18. .pagination .current{   
  19. ;   
  20. :  ;   
  21. :;   
  22. :;   
  23. :   ;   
  24. }  

上面的样式是我目前用的主题样式,根据不同的主题修改一下边框与背景,基本就可以了,之后删除分页插件。

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞0 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容