纯代码实现wordpress分页

wordpress默认的分页不美观。

大家都知道wordpress装太多的插件,会拖慢网站的速度

我们可以通过css样式以及分页函数来实现wordpress分页,

接下来网络蛀虫小窝介绍如何利用css+php函数替代插件来实现wordpress分页。

首先在css样式表里添加下面这个样式:

  1. .pagenavi_badoo {
  2. font-size:12px;
  3. text-align:center;
  4. font-weight:700;
  5. margin:10px 0;
  6. }
  7. .pagenavi_badoo a {
  8. width: 16px;
  9. background:#fff;
  10. color:#22222e;
  11. border:1px solid #ccc;
  12. padding:4px 8px;
  13. -moz-border-radius: 2px;
  14. -webkit-border-radius: 2px;
  15. border-radius: 2px;
  16. }
  17. .pagenavi_badoo a:hover {
  18. background:#252525;
  19. color:#fff;
  20. text-decoration:none;
  21. -moz-border-radius: 2px;
  22. -webkit-border-radius: 2px;
  23. border-radius: 2px;
  24. }
  25. .pagenavi_badoo .pages {
  26. color:#fff;
  27. margin-right:5px;
  28. background:#252525;
  29. padding:4px 8px;
  30. -moz-border-radius: 2px;
  31. -webkit-border-radius: 2px;
  32. border-radius: 2px;
  33. }
  34. .pagenavi_badoo .current {
  35. color:#cbff83;
  36. background:#252525;
  37. padding:4px 8px;
  38. -moz-border-radius: 2px;
  39. -webkit-border-radius: 2px;
  40. border-radius: 2px;
  41. }

复制代码

添加好样式后,在function.php这个函数里面添加分页函数,具体代码如下:

  1. if ( !function_exists(‘pagenavi’) ) {
  2. function pagenavi( $p = 7 ) { // 取当前页前后各 2 页,根据需要改
  3. if ( is_singular() ) return; // 文章与插页不用
  4. global $wp_query, $paged;
  5. $max_page = $wp_query->max_num_pages;
  6. if ( $max_page == 1 ) return; // 只有一页不用
  7. if ( empty( $paged ) ) $paged = 1;
  8. echo ‘<span>页数:’ . $paged . ‘/’ . $max_page . ‘</span>’; // 显示页数
  9. if ( $paged > $p + 1 ) p_link( 1, ‘最前页’ );
  10. if ( $paged > $p + 2 ) echo ‘… ‘;
  11. for( $i = $paged – $p; $i <= $paged + $p; $i++ ) { // 中间页
  12. if ( $i > 0 && $i <= $max_page ) $i == $paged ? print “<span class=’page-numbers current’>{$i}</span> ” : p_link( $i );
  13. }
  14. if ( $paged < $max_page – $p – 1 ) echo ‘… ‘;
  15. if ( $paged < $max_page – $p ) p_link( $max_page, ‘最后页’ );
  16. }
  17. function p_link( $i, $title = ” ) {
  18. if ( $title == ” ) $title = “第 {$i} 页”;
  19. echo “<a href='”, esc_html( get_pagenum_link( $i ) ), “‘ title='{$title}’>{$i}</a> “;
  20. }
  21. }

复制代码

添完代码后,运行下看网站的分页是不是搞定了,在样式表里面width以及背景颜色都是按照笔者博客来设定的,根据自己的网站适当做下调整下就好。

以上就是如何利用css样式和php函数实现wordpress分页的方法,可以避免过多使用wp插件。

 » 本站地址:http://www.gomoth.com

标签: