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,然后在需要顯示分頁的地方加入以下代碼：
<nav>
<ul class="pagination">
<li>
<?php
global $wp_query, $wp_rewrite;
$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
echo paginate_links(array(
'prev_next' => 1,
'before_page_number' => '',
'mid_size' => 2,
'current' => $current,
));
?>
</li>
</ul>
</nav>
您可能感興趣的文章:
? 利用Bootstrap構建你的回應式WordPress主題( 五）
? 利用Bootstrap構建你的回應式Wordpress主題（一）
? Bootstrap教程 插件模態框 modal.js
? 利用Bootstrap構建你的回應式WordPress主題(四）
? Bootstrap替換Wordpress的get_search_form()搜索樣式
? 利用Bootstrap構建你的回應式Wordpress主題（二）
? Cordillera采用Html5和Bootstrap框架的免費wordpress主題
? 利用Bootstrap構建你的回應式WordPress主題( 七）
? 解決Bootstrap下拉選單不可點擊
? 用Bootstrap選單樣式替換你的Wordpress選單
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/23272.html
標籤：其他
上一篇：【JAVA】每天兩道演算法題0910_雙指標，滑動視窗。
下一篇：HarmonyOS開發初體驗