如果你的网站已经有了较多文章,那么在首页你是不可能展示全部的,那么我们今天就来制作一下自定义首页分页导航,将我们的文章分成好几页来展示。
在你想要加入的地方加入以下代码:
<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)
}