03
2019
11

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/post/7386.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。