WordPress分页导航代码

大家都知道网站有很多文章了以后，在首页或都分类里不可能每篇文章的标题都能展示出来，那么我们今天就来制作一下自定义分页导航代码，将我们的文章分成很多页来展示。

在需要分页的地方加入以下代码：

<div class="posts-nav">

    <?php echo paginate_links(array( 'prev_next' => 0, 'before_page_number' => '', 'mid_size' => 2, ));?>

</div>

加上之后我们保存就能看到效果了，这里再提供一份Css来美化一下：

.posts-nav {
    font-size:14px;
    color:rgba(0, 0, 0, 0.44);
    padding:10px 0
}
.posts-nav .page-numbers {
    border-radius:3px;
    border:1px solid rgba(0, 0, 0, 0.15);
    display:inline-block;
    text-align:center;
    width:30px;
    line-height:30px;
    margin:0 5px
}
.posts-nav .page-numbers.current, .posts-nav .page-numbers:not(.dots):hover {
    background:#3b5998;
    border-color:#3b5998;
    color:#fff
}
.posts-nav .page-numbers.dots {
    border-color:rgba(0, 0, 0, 0)
}

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知