在上一章節(jié)中，我們?yōu)閣ordpress網站的首頁添加了全站文章列表。一個wordpress網站不可能只有幾篇文章，可能會有成千上萬的文章，作為一個wordpress博客主題模板，一般情況下，不可能讓所有的文章在一個頁面一下子全部顯示出來，如果真這樣，網頁的負載會非常大。正確的處理方式，是先顯示最前面的十幾篇或二十幾篇文章，然后，“點擊一個分頁按鈕”或者“鼠標向下滾動觸發(fā)一個事件”后，再顯示后面的十幾篇或二十幾篇文章，以此類推。本節(jié)，我們來介紹“如何給wordpress網站的文章列表添加分頁效果”，一起來看看吧。

方法一：給wordpress網站模板添加自定義分頁函數(shù)。

在wordpress網站模板的functions.php文件中添加如下代碼：

//分頁函數(shù)
function pages($query_string){
global $posts_per_page, $paged; //全局變量
$my_query = new WP_Query($query_string ."&posts_per_page=-1"); //創(chuàng)建查詢對象
$total_posts = $my_query->post_count; //通過查詢對象獲取文章總數(shù)
if(empty($paged)) $paged = 1; //當前頁碼數(shù)，如是$paged為空，就讓$paged=1
$prev = $paged - 1; //上一頁變量
$next = $paged + 1; //下一頁變量
$range = 4; //
$showitems = ($range * 2)+1; //顯示多少個分頁頁碼按鈕
$pages = ceil($total_posts/$posts_per_page); //獲取總頁數(shù)
if(1 != $pages){
echo "<div class='pagination'>";
echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."'>最前</a>":"";
echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."'>上一頁</a>":"";
for ($i=1; $i <= $pages; $i++){
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){
echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
}
}
echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."'>下一頁</a>" :"";
echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."'>最后</a>":"";
echo "</div>n";
}
}

然后，在wordpress網站前臺模板的文章列表的代碼下方調用這個分頁函數(shù)，代碼如下：

<?php pages($query_string); //列表分頁 ?>

然后，我們就可以在wordpress網站的文章列表下方看到分頁按鈕。如果想要樣式好看一點，可以對分頁按鈕添加CSS樣式，來進行美化一下。

方法二：使用wordpress自帶的分頁函數(shù)。

為了更方便wordpress網站模板開發(fā)者開發(fā)模板主題，wordpress從4.0版本開始，就提供了一個分頁函數(shù)the_posts_pagination()，通過這個函數(shù)，我們同樣可能實現(xiàn)wordpress網站的文章列表的分頁效果。代碼如下：

the_posts_pagination( array(
'mid_size' => 3, //當前頁碼數(shù)的 兩邊 顯示幾個頁碼。
'prev_text' =>'<', //上一頁
'next_text' =>'>', //下一南
) );

這個函數(shù)跟wordpress其wp_list_pages()等函數(shù)類似，有一個參數(shù)，這個參數(shù)可是一個數(shù)組類型（如上面的代碼，參數(shù)就是數(shù)組類型），也可以是一個字符串類型，上面的的代碼的參數(shù)修改成字符串類型后，如下：

the_posts_pagination("mid_size=3&prev_text=<&next_text=>");

是使用字符串類型，還是使用數(shù)組類型，主要根據(jù)開發(fā)者的個人愛好，我個人還是比較喜歡用數(shù)組類型，看起來比較清楚。

在wordpress網站模板開發(fā)中，使用上面任何一種方式來添加文章列表的分頁效果都可以，不過，我個認還是建議使用wordpress自帶的函數(shù)the_posts_pagination()，對開發(fā)更省事，效率更高，而且是wordpress自己的函數(shù)，后期都不需要維護。如果想讓分頁按鈕布局更加個性化，可以考第一種方式。

如何還有什么不太明白的，或者你想了解什么，可以在下面評論中給我留言。

總結

以上是生活随笔為你收集整理的element 修改分页样式_如何给wordpress网站的文章列表，添加分页效果？可以通过2种方式...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。