梓悦生活

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

Wordpress 无插件实现分页导航

2017/03/20 5490点热度 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:一个开源的邮件服务器
[测评]喵云绍兴BGP-NAT云主机测评Realm 一键转发脚本Realm转发脚本:一键安装、规则启停、定时备份、FTP/SFTP 备份、Web面板哪吒探针V0版本控制面板的安装和windows安装V0.20.5的agent方法
谷歌将替换Chrome 117版本中的挂锁图标 Wordpress发布文章给图片自动加水印插件 Xrea日本老牌免费空间申请和使用教程:1GB空间可绑域名 #库巴导购#美的立式饮水机MYR927S-W 利用.htaccess拒绝spam机器人评论 HE.NET免费DNS解析服务申请
最近评论
静态住宅ip 发布于 1 天前(10月21日) 后台复制,没有注意,被扣费了。
过客 发布于 11 个月前(11月20日) SSL证书掉了
b2b系统 发布于 3 年前(12月29日) 感谢分享
Meteor 发布于 3 年前(10月20日) 哈哈,友链一直都在,后来换了主题后忘记修改显示数量了,现在恢复好了。
弋牧 发布于 3 年前(10月12日) 这里已经看不到我的友连了吗?
标签聚合
域名解析 技巧 虚拟主机 wordpress Linux Linux技巧 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