Categories
Wordpress 我的生活状态

WordPress懒人模式开启——自动翻页

最近发现那种自动翻页的懒人模式挺好的,减少一次点击呢...所以打算给落园动动手术。

先搜了一下,找到了一篇jQuery Ajax 分页 WordPress 版,但是发现在我已然千疮百孔的落园上,显然不怎么适用。发现几年没折腾,WP已经强大到很多功能我都不认识了...比如加载个jQuery库居然可以这么简单了...

function my_init() {
if (!is_admin()) {
wp_enqueue_script('jquery');
}
}
add_action('init', 'my_init');

只是鼓捣了半天毫无反应,开始搜其他的东西(我果然是太久没有写过JavaScript和Ajax了,完全不记得这东西语法是什么了,读起来jQuery的源代码表示一片的茫然,还是另寻捷径吧)...果然有现成的WP插件——Infinite-Scroll。不知道为什么WP官网的版本比较旧,那么就用直接github上面找新的东西吧:https://github.com/paulirish/infinite-scroll/tree/master/wordpress-plugin

安装完了之后要仔细的配置一下:

https://github.com/benbalter/Infinite-Scroll/raw/develop/screenshot-1.pnghttps://github.com/benbalter/Infinite-Scroll/raw/develop/screenshot-1.png

然后就可以了...不过鉴于我在这里浪费了许多时间,还是简单的翻译一下这些配置选项吧。

1. 你放置所有文章内容的div,经典的twenty ** 系列都直接是#content,去找WP主题里面的循环开始之前的div就好了~
2. 导航链接所在的div,比如我这里保留了pagenavi的翻页,是因为另外加了一个层,只有一个链接指向后一页。
3. 导航链接所在的a标签——注意这个first是指第一个a标签,我傻乎乎的以为是a标签的名字,汗...没仔细看jQuery CSS 选择器指南哇..
4. 每篇文章的div,就是会自动加载进来的新的层内容,直接去找WP主题里面的循环开始之后的div就好了~

然后就可以正常的使用啦。话说,我这里顺便把首页文章篇数调到了2篇,可以加快一下加载速度嗯。