随身笔记
随身笔记

wordpress 无插件实现文章分页导航

wordpress 无插件显示文章页码,效果就跟本站一样。

网上有插件但是小编的宗旨是尽量不用插件,下面介绍步骤:

1,在functions.php添加以下代码:

[code]function pagenav($query_string){
global $posts_per_page, $paged;
$my_query = new WP_Query($query_string .”&posts_per_page=-1″);
$total_posts = $my_query->post_count;
if(empty($paged))$paged = 1;
$prev = $paged – 1;
$next = $paged + 1;
$range = 4; // only edit this if you want to show more page-links
$showitems = ($range * 2)+1;

$pages = ceil($total_posts/$posts_per_page);
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”;
}
}[/code]

2,需要显示的地方,调用以下代码:

[code]<div id=”lie_biao”>
<?php pagenav($query_string); ?><!–文章列表–>
</div>[/code]

3,CSS样式:

[code].pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}
.pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;border:1px solid #7e5025;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;
font-weight:bold;}
.pagination a:hover{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}
.pagination .current{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}

#lie_biao{
margin-top:3px;
padding-top:3px;

}[/code]

其中的functions.php添加代码处的

$range = 4;

是首页的默认显示页数可以自行修改。

 

没有标签
首页      前端资源      wordpress教程      wordpress 无插件实现文章分页导航

随身笔记

wordpress 无插件实现文章分页导航
wordpress 无插件显示文章页码,效果就跟本站一样。 网上有插件但是小编的宗旨是尽量不用插件,下面介绍步骤: 1,在functions.php添加以下代码: [code]function pagenav($quer…
扫描二维码继续阅读
2013-01-08