当前位置:首页 > BootStrap > 正文内容
五月18日

时间:2016-05-18 11:56

Bootstrap分页格式替换WordPress分页

0
分类:BootStrap | 评论:0人 | 浏览:105次   

WordPress 显示列表的界面,如主界面、分类、搜索、标签等,都会在主循环程序后调用分页 ,WP自带的分页函数previous_posts_link、next_posts_link可显示上一页、下一页的链接,但更复杂的则需要函数paginate_links(),不过直接使用这个函数是不会显示页码的,需要配置参数。

paginate_links() 用法

paginate_links()支持数组参数设置

官方文档:http://codex.wordpress.org/Function_Reference/paginate_links
base – 用来参考的网址
format – 用于URL的分页结构,例如: /page/3
total – 总页数
current – 当前页码
show_all – 默认值是false,如果设置为true,那么将显示所有的可用页码
end_size – 页面显示在列表的末尾号
mid_size – 多少个数字到当前页面的两侧,但不包括当前页面
prev_next – 布尔值,是否包含上一页和下一页的链接
prev_text – 前一页的文字。只有当’prev_next’参数设置为true
next_text – 下一页的文字。只有当’prev_next’参数设置为true
type – 定义该函数返回什么,plain, array 或 list
add_args – 添加查询字符串参数到链接
add_fragment – 添加文本追加到每个链接
before_page_number – 在页码前显示的字符串
after_page_number – 在页码后显示的字符串

Bootstrap效果的整合

首先你的主题是基于Bootstrap框架的,也就是引入了Bootstrap的css,js,然后在需要显示分页的地方加入以下代码:

  1.  <nav>
  2.  <ul class="pagination">
  3.     <li>
  4. <?php
  5.    global $wp_query, $wp_rewrite;
  6.    $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
  7. 	echo paginate_links(array(
  8. 	'prev_next'          => 1,
  9. 	'before_page_number' => '',
  10. 	'mid_size'           => 2,
  11. 	'current' => $current,
  12. ));
  13. ?>
  14.       </li>
  15.    </ul>
  16. </nav>
    
    
    

来源:Dashu.info(微信号/QQ号:43318553),转载请注明出处,谢谢!

  • 评论:(0)
  • 有图有真相

站内搜索

css.php

无觅相关文章插件,快速提升流量