梓悦生活

  • 🍟首页
  • 🍪免费资源
  • 🍓Wordpress
  • 🍋琐碎生活
  • 🍘关于
关注周围的人或事,体验人生历程
  1. 首页
  2. Wordpress
  3. 正文

Wordpress 无插件实现分页导航

2017/03/20 2250点热度 0人点赞 0条评论
  1. 首先找到wordpress的主题文件夹Themes,里面有一个functions.php循环函数文件打开,在末尾 ?> 符号前加入以下代码:

    //pagenavi
    function wp_nav( $p = 2 )
    {
      if ( is_singular() ) return;
      global $wp_query, $paged;
      $max_page = $wp_query->max_num_pages;
      if ( $max_page == 1 ) return;
      if ( empty( $paged ) ) $paged = 1;
      echo '<span class="page-numbers">' . $paged . ' / ' . $max_page . ' </span> ';
      if ( $paged > 1 ) p_link( $paged - 1, __('&laquo; Previous'),__('&laquo; Previous') );
      if ( $paged > $p + 1 ) p_link( 1, 'First page' );
      if ( $paged > $p + 2 ) echo '<span class="page-numbers">...</span>';
      for( $i = $paged - $p;  $i <= $paged + $p; $i++ ) {
      if ( $i > 0 && $i <= $max_page ) $i == $paged ? print "<span class='page-numbers current'>{$i}</span> " : p_link( $i );
      }
      if ( $paged < $max_page - $p - 1 ) echo '<span class="page-numbers">...</span>';
      if ( $paged < $max_page - $p ) p_link( $max_page, 'Last page' );
      if ( $paged < $max_page ) p_link( $paged + 1, __('Next &raquo;'), __('Next &raquo;') );
    }
    function p_link( $i, $title = '', $linktype = '' )
    {
      if ( $title == '' ) $title = "The {$i} page";
      if ( $linktype == '' ) { $linktext = $i; } else { $linktext = $linktype; }
      echo "<a class='page-numbers' href='", esc_html( get_pagenum_link( $i ) ), "' title='{$title}'>{$linktext}</a> ";
    }

    1

  2. 2
  3. 在主题样式表文件style.css中加入关联样式代码:

    /**分页导航**/.wp_nav{padding:20px 0;text-align:center;font-size: 13px;line-height:18px;}.wp_nav .page-numbers,.wp_nav .dots:hover,.wp_nav .pages:hover{border: 1px solid #eee;text-decoration: none;background: #5080D8;color: #fff;text-shadow: 0px -1px rgba(0, 0, 0, 0.2);display:inline-block;margin:2px;padding:1px;padding: 4px 9px;}.wp_nav .current,.wp_nav .current:hover,.wp_nav a.page-numbers:hover{text-decoration: none;background: #f9f9f9;color: #5080D8;}.wp_nav .pages,.wp_nav .pages:hover{vertical-align: middle;color:#CCC;width:120px;}

    3

  4. 添加调用代码至主题的index.php、archive.php、category.php、search.php的对应位置,调用代码为:

    <div class="wp_nav"><?php echo wp_nav(); ?></div>

    4

  5. 保存回到网站刷新看一下效果达成。

    5

标签: wordpress
最后更新:2017/03/20

Meteor

关注周围的人或事,体验人生历程!

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

最新 热点 随机
最新 热点 随机
Vultr 推出免费云主机,用于鼓励全球创新 一键网络重装系统 – 魔改版(适用于Linux / Windows) Debian/Ubuntu SSH端口一键修改脚本及关闭防火墙 [云监控探针]支持节点管理和监控的ServerStatus 宝塔面板7.7.0版本及以下解锁付费插件开心版方法 宝塔面板版本降级至7.7.0方法
一键网络重装系统 – 魔改版(适用于Linux / Windows)MyNodeQuery一款简洁好用的云监控探针宝塔面板如何取消绑定或强制登录宝塔账号宝塔面板版本降级至7.7.0方法宝塔面板7.7.0版本及以下解锁付费插件开心版方法Debian/Ubuntu SSH端口一键修改脚本及关闭防火墙
TurnkeyInternet 首月免费KVM VPS 新网箭头云主机首月免费 Apaxy开源程序美化网站目录浏览 各大网站收录、搜索引擎的提交入口 老牌稳定FreeWebHostingArea提供的1.5G无限流量php+mysql可绑米免费空间 五种去掉免费空间广告的方法:JS,PHP,CSS安全去掉广告法
最近评论
Meteor 发布于 3 周前(03月09日) 是的,要求的配置也要高很多,不一定所有服务器都适用
夏日博客 发布于 3 周前(03月04日) 高版本的win系统越来越不好装了。
侠客书 发布于 4 个月前(11月29日) 具体改了些什么?
rtyu 发布于 6 个月前(10月07日) 来过,留个印迹~
Adoncn 发布于 1 年前(01月10日) 不错!!!不错!!!
标签聚合
活动 Linux技巧 技巧 虚拟主机 域名解析 Linux wordpress VPS
友情链接
  • Anders Norén
  • Appurse
  • CSS参考手册
  • DeeTeam-迪提姆
  • Fatesinger
  • FreeSSL
  • gandi
  • Internetbs
  • Kevan's Blog
  • LogoMaker

COPYRIGHT © 2023 梓悦生活. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang