1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

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

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

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: