梓悦生活

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

Wordpress 无插件实现分页导航

2017/03/20 5316点热度 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
取消回复

最新 热点 随机
最新 热点 随机
哪吒探针V0版本控制面板的安装和windows安装V0.20.5的agent方法 Realm转发脚本:一键安装、规则启停、定时备份、FTP/SFTP 备份、Web面板 Realm 一键转发脚本 [测评]喵云绍兴BGP-NAT云主机测评 docker容器部分命令收藏 BillionMail:一个开源的邮件服务器
docker容器部分命令收藏[测评]喵云绍兴BGP-NAT云主机测评Realm 一键转发脚本Realm转发脚本:一键安装、规则启停、定时备份、FTP/SFTP 备份、Web面板哪吒探针V0版本控制面板的安装和windows安装V0.20.5的agent方法
13款WordPress用户注册登录插件 采用DNSPOD安装免费Let's Encrypt证书 电阻式触摸屏和电容式触摸屏哪个更好? 日本高速云服务Phpapps免费1GB空间支持FTP可绑域名 OpenVZ魔改BBR - lkl-rinetd 一键脚本 Linux网络优化
最近评论
过客 发布于 10 个月前(11月20日) SSL证书掉了
b2b系统 发布于 3 年前(12月29日) 感谢分享
Meteor 发布于 3 年前(10月20日) 哈哈,友链一直都在,后来换了主题后忘记修改显示数量了,现在恢复好了。
弋牧 发布于 3 年前(10月12日) 这里已经看不到我的友连了吗?
彩鸽 发布于 3 年前(10月04日) 写的不错
标签聚合
Linux技巧 Linux 虚拟主机 活动 wordpress 技巧 VPS 域名解析
友情链接
  • Anders Norén
  • Appurse
  • CSS参考手册
  • DeeTeam-迪提姆
  • Fatesinger
  • FreeSSL
  • gandi
  • Internetbs
  • LogoMaker
  • Meteor's Blog
  • PM唐杰
  • SSL For Free
  • WPEX-Themes
  • 优品PPT
  • 免费顶级域名
  • 博客大全
  • 印记
  • 弋牧
  • 挖站否
  • 闫宝龙博客

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

Theme Kratos Made By Seaton Jiang