觉唯主题自动翻页改成手动翻页

分类栏目：用户体验 - 前端开发

版权信息： 原创作品、版权所有，禁止匿名转载，分享请注明版权。

89551

发布于 40 条评论

首先很感谢大家对觉唯主题的支持，主题虽不算十分完美，但会尽心尽力的为大家提供更好的服务。由于很多小伙伴反映一个问题，就是怎么把自动翻页效果改成手动翻页效果，今天就跟大家介绍下如何将觉唯主题的自动翻页效果修改成手动翻页效果。当然这个方法也适用于其他的主题，只是引用到主题的地方不一样而已。好了，进入主题吧。

首先在function.php文件中添加以下代码：

function javin_pagenavi() {
  global $wp_query, $wp_rewrite;
  $pages = '';
  $max = $wp_query->max_num_pages;
  if (!$current = get_query_var('paged')) $current = 1;
  $args['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));
  $args['total'] = $max;
  $args['current'] = $current;

  $total = 1;
  $args['mid_size'] = 3;
  $args['end_size'] = 1;
  $args['prev_text'] = '上一页';
  $args['next_text'] = '下一页';

  if ($max > 1) echo '<div class="page-nav ption_r" style="text-align:center;">';
  if ($total == 1 && $max > 1) $pages = '<span class="pages mr20">第' . $current . '页，共' . $max . '页</span>';
   echo $pages . paginate_links($args);
  if ($max > 1) echo '</div>';
}

然后依次打开loop-page.php、archive.php、bulletin-archive.php三个文件找到：

<nav id="page_nav"><?php next_posts_link(__('MORE')) ?></nav>

然后替换成：

<?php if(function_exists('javin_pagenavi')) { ?>
<?php javin_pagenavi(); ?>   
<?php } else { ?>      
<div class="page-nav ption_r" style="text-align:center;"><p><?php posts_nav_link('&#8734;','&laquo;&laquo; Previous Posts','Older Posts &raquo;&raquo;'); ?></p></div>
<?php } ?>

到这里基本上效果就出来了。可以说已经完成了替换工作。大概效果如下：

page_nav_bluepage_nav_red
但是自动分页效果其实是由js代码来实现，刚刚我们的替换，只是简单的将html结构里面的代码替换掉了而已。如果我们要彻底的删掉自动翻页效果，可以一起把js部分的代码也删掉。
打开footer.php文件，直接删掉下面这行即可：

<script src="<?php%20bloginfo(%20'template_url'%20);%20?>/js/jquery.infinitescroll.js"></script>

好了，就到这里。再次感谢大家的支持。

相关推荐

全部评论 / 40

  1. 手动的好，有时候觉得自动的很讨厌。

    wmtimes 2013-11-05
    20

    1. @ 爵位 :
      改动不大，但需要对主题有全面的了解才能下手，等你来了

      晕晕

      ab 2013-11-05

  2. 第三次无意中点进来,主题真心不错,下下来,做个收藏.以备不时之需
    病历单 http://WWW.binglidan.NET

    病历单 2013-11-05
    19

  3. 博主您好，在您这篇博文下提问了问题，能帮忙解答下吗https://www.jiawin.com/wordpress-sidebar-scroll/

    mengzi 2013-11-05
    18

  4. 好文章受用！

    美莱尔 2013-11-05
    17

  5. 很不错，模板也很漂亮

    君爵 2013-11-05
    16

    1. 看来Javin的Wordpress玩的很不错啊，学习了

      君爵 2013-11-05

  6. 当初研究翻页代码搜索了好多网页

    平板盒子 2013-11-05
    15

  7. 建议加个 Ajax 提交评论吧

    胡倡萌 2013-11-05
    14

  8. 呵呵，出多色版了

    胡倡萌 2013-11-05
    13

  9. 好久不更新了 :arrow:

    javis 2013-11-05
    12

  10. 竟然新版本的改了，那能不能搞个改掉的文件下载让老客户直接下载改掉了？

    常来看看 2013-11-05
    11
    1. Javin

      请稍等，待完善下其他功能一起放出，如果急着要用，可以先联系我

      1号 Javin 2013-11-05

      1. 什么时候分享唯然呢

        夜行人 2013-11-05

      2. 还有这个头像功能是怎么设置的

        夜行人 2013-11-05

        1. 学习了。挺好的代码。

          不错 2013-11-05

  11. 其实下拉加载用不着infinitescroll，实现这个效果一共不超过20行代码，

    大发 2013-11-05
    10

  12. 什么时候弄个文章类型目录，还有二级菜单？

    过客 2013-11-05
    9

  13. 为什么我的主页分页后，当跳到最后一页的时候，下面的分页页码号就神奇地不见了，上一页、下一页也没有了？

    刘志仕博客 2013-11-05
    8

  14. functions.php吧！

    刘志仕博客 2013-11-05
    7

  15. 主题很好看，支持！

    小蜜蜂 2013-11-05
    6

  16. 来支持下，很喜欢这个主题，视觉感觉很好！

    砸核桃分享网 2013-11-05
    5

  17. 这主题速度很快。

    郑永 2013-11-05
    4

  18. 感觉还不错啊，呵呵。毕竟自动有时候会没有选择的余地。

    郑永 2013-11-05
    3

  19. 真快啊 哈哈哈 :idea: 期待更多的优化

    娱乐多网 2013-11-05
    2

  20. 如果在后台增加个选择，默认为无限加载，可以选择分页，让管理员自行决定，这样是否更方便些？

    优主题 2013-11-05
    1
    1. Javin

      这样子是比较方便，会考虑加入。

      1号 Javin 2013-11-05

      1. 改动不大，但需要对主题有全面的了解才能下手，等你来了

        爵位 2013-11-05