最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > wordpress分页的极简实现,搭建网站

wordpress分页的极简实现,搭建网站

时间:2023-07-23 13:07:23 阅读: 文章分类: 网站建设 作者: 网站技术员

导读:搭建网站搭建网站大叔之前介绍过两个wordpress 分页代码实现的教程,例:《wordpress分页代码》、《wordpress分页代码代码(二)》大同小异,但使用也确实蛮O建站技术员建站技术模板。

建站技术员建站技术模板

模板下载吧之前介绍过两个wordpress分页代码实现的教程,例:《wordpress分页代码》、《wordpress分页代码代码(二)》大同小异,但使用也确实蛮OK的,只不过需要很多自定义函数来实现,但是,也不知道从哪个wordpress版本开始的,这个paginate_links()函数的出现,让wordpress分页变得简单了多。。。那么,如果好用,您是否换替换了呢?

效果图如下:

wordpress分页的极简实现

分页的应用主要有文章列表分页和评论列表分页。那么我们分别描述下函数的调用方法

文章列表分页

  • <div class="posts-nav">  
  • <?php echo paginate_links(array(  
  •     'prev_next'        &n织梦cms模板bsp; => 0,  
  •     'b织梦模板免费下裁efore_page_number' => '',  
  •     'mid_size'           => 2,&织梦模板nbsp; 
  • ));?>  
  • </div>  
  • 有没有感觉特别简单。。如果要显示上一页下一页将prev_next设为1即可。

    评论列表分页

  • <?php paginate_comments_links('prev_next=0');?>  
  • 参考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)}  
  • 那么如果好用,你会分享出你的wordpress分页美化版呢?

    关键词标签: WordPress 分页 div

    声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress分页的极简实现,搭建网站主要讲述分页,div,wordpress网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35629.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章