首先很感谢大家对觉唯主题的支持,主题虽不算十分完美,但会尽心尽力的为大家提供更好的服务。由于很多小伙伴反映一个问题,就是怎么把自动翻页效果改成手动翻页效果,今天就跟大家介绍下如何将觉唯主题的自动翻页效果修改成手动翻页效果。当然这个方法也适用于其他的主题,只是引用到主题的地方不一样而已。好了,进入主题吧。
首先在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('∞','«« Previous Posts','Older Posts »»'); ?></p></div> <?php } ?>
到这里基本上效果就出来了。可以说已经完成了替换工作。大概效果如下:
但是自动分页效果其实是由js代码来实现,刚刚我们的替换,只是简单的将html结构里面的代码替换掉了而已。如果我们要彻底的删掉自动翻页效果,可以一起把js部分的代码也删掉。
打开footer.php
文件,直接删掉下面这行即可:
<script src="<?php%20bloginfo(%20'template_url'%20);%20?>/js/jquery.infinitescroll.js"></script>
好了,就到这里。再次感谢大家的支持。
这主题很有视觉,很不错.
谢谢你的讲解,我的网站主要是短信平台www.idyinfo.com 也要借鉴你的方法,把翻页给整理下!
呵呵呵呵呵
呵呵呵呵呵呵呵呵呵
看看,这个功能不错的
***隐藏内容仅管理员可见***
正在考察
这个功能不错的~!
家巴基的网站越来越强大了,求入股啊
有啥不一样的变化吗
圣诞快乐~
改动不大