如果你的网站已经有了较多文章,那么在首页你是不可能展示全部的,那么我们今天就来制作一下自定义首页分页导航,将我们的文章分成好几页来展示。

在你想要加入的地方加入以下代码

<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)
}

参与评论