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,我们将及时处理。
微信扫码关注
更新实时通知