wordpress分页代码

作者: 鲁智深 分类: wordpress 发布时间: 2013-05-09 22:43

wordpress分页调用方法有很多,这样的插件也存在不少,今天博主介绍的分页调用方法在wordpress主题中比较流行!

代码方式实现wordpress分页

如图:

分页调用

代码源自互联网,我已经不知道这段代码是谁写的,所以无法注明出处。

1.wordpress分页,一般存在分类目录中(archive.php)

操作:在functions.php中加入以下函数

//pagenavi
function par_pagenavi($range = 9){
    global $paged, $wp_query;
    if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
    if($max_page > 1){if(!$paged){$paged = 1;}
    if($paged != 1){echo "<a href='" . get_pagenum_link(1) . "' class='extend' title='跳转到首页'> 返回首页 </a>";}
    previous_posts_link(' 上一页 ');
    if($max_page > $range){
        if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo "<a href='" . get_pagenum_link($i) ."'";
        if($i==$paged)echo " class='current'";echo ">$i</a>";}}
    elseif($paged >= ($max_page - ceil(($range/2)))){
        for($i = $max_page - $range; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";
        if($i==$paged)echo " class='current'";echo ">$i</a>";}}
    elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){
        for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo "<a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a>";}}}
    else{for($i = 1; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";
    if($i==$paged)echo " class='current'";echo ">$i</a>";}}
    next_posts_link(' 下一页 ');
    if($paged != $max_page){echo "<a href='" . get_pagenum_link($max_page) . "' class='extend' title='跳转到最后一页'> 最后一页 </a>";}}
};

找到想实现分页的位置加入以下代码:

<div class="page_navi">
    <?php par_pagenavi(9); ?>
    </div>

最后需要建立page_navi样式:如果wordpress主题已经有样式就无需在加样式

.page_navi {
height: 36px;
line-height: 36px;
overflow: hidden;
text-align: center;
width: 100%;}
.page_navi a {
border: 1px solid #CCCCFF;
border-radius: 12px 12px 12px 12px;
color: #888888;
margin: 2px;
padding: 3px 8px;
text-decoration: none;}
.page_navi a:hover, .page_navi a.current {
    border: 1px solid #FA983F;
    color: #F53B24;
 font-weight: bolder;}

注意

1.这里的page_navi根据wordpress主题来,学会模仿后要灵活运用。

2.该分页方式在ie浏览器中会显示直角图标如图:

分页1

原因:其ie浏览器暂时不支持border-radius: 12px 12px 12px 12px;圆角样式。

插件方式实现wordpress分页

wp-page-numbers插件

分页调用代码:

<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注