王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

wordpress分页的极简完成

大叔之前引见过两个wordpress分页代码完成的教程,例:《wordpress分页代码》、《wordpress分页代码代码(二)》迥然不同,但运用也确切蛮OK的,只不过须要许多自定义函数来完成,然则,也不知道从哪一个wordpress版本入手下手的,这个paginate_links()函数的涌现,让wordpress分页变得简朴了多。。。那末,假如好用,您是不是换替换了呢?

效果图以下:

分页的运用主要有文章列表分页和批评列表分页。那末我们离别形貌下函数的挪用要领

文章列表分页

  1. <div class="posts-nav">

  2. <?php echo paginate_links(array(

  3.     'prev_next'          => 0,

  4.     'before_page_number' => '',

  5.     'mid_size'           => 2,

  6. ));?>

  7. </div>

有无觉得迥殊简朴。。假如要显现上一页下一页将prev_next设为1即可。

批评列表分页

  1. <?php paginate_comments_links('prev_next=0');?>

参考CSS款式

  1. .posts-nav{ font-size: 14px;

  2.     color:rgba(0,0,0,0.44);padding:10px 0}

  3. .posts-nav .page-numbers{border-radius: 3px;border:1px solid rgba(0, 0, 0, 0.15);display: inline-block;

  4.     text-align: center;

  5.     width: 30px;line-height:30px;margin:0 5px;}


  6. .posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{ background: #3b5998;

  7.     border-color: #3b5998;color:#fff;}

  8. .posts-nav .page-numbers.dots{border-color:rgba(0,0,0,0)}

那末假如好用,你会分享出你的wordpress分页美化版呢?

相关文章

评论列表

发表评论:
验证码

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