Wordpress Plugin Installation
(I, in general, recommend using the One Click Plugin Updater plugin. It makes plugin installation a piece of cake, especially if you’re doing more than one. Not that installing this plugin is hard or anything…)
- Download the plugin.
- Install it to your
/wp-content/plugins/directory - Activate the plugin in your Wordpress Admin UI.
- Visit the Settings / Infinite Scroll page to set up the css selectors.
- The plugin will now work for a logged in Admin, but will be disabled for all other users; you can change this.
CSS Selector Setup
You need configure the plugin with CSS selectors that match your theme.
- Content CSS Selector
- The
DIVthat wraps around all posts. New posts will be inserted at the bottom of thisDIV. - Post CSS Selector
- The selector that selects all posts on a page. Each post must be surrounded by a single
DIV. - Navigation links CSS Selector
- This
DIVcontains the Next Posts and Previous Posts link. - Previous Posts CSS Selector
- This
Atag is what points to the 2nd page of posts.
Troubleshooting
- Your posts need to be wrapped in divs all next to each other.
- You need a link on your page to the next page of posts.
FAQ
- Can I change the number of posts loaded?
- Yup. But that’s a Wordpress thing. Go to Settings / Reading
- Is it SEO-Friendly?
- Yes all enhancements are made via javascript only, so search spiders see no difference.
- Is it accessible?
- Things won’t change for screen-readers. This technique degrades gracefully.
- Why doesn’t it work on ____ page?
- Currently, the plugin is disabled for everything but the main page, but I’ll work on enabling it for Archives, Categories, and Tags.
- Does it still keep going, even at the end of the blog?
- Infinite scroll is configured to die when it hits a 404 Not Found status code, so when it goes through all your archives it should hit a /page/43/ (or something) that doesn’t exist, then show a message “Congrats, you’ve reached the end of the internet.” Some wordpress themes don’t report not found pages with a 404. Try a different theme or contacting the theme author.
- Do I need to edit my theme to make this work?
- Probably not, nope.
- Will this do form posts for get new data?
- Nope?
- You must it just works?
- Yup.
- Really?
- I hope so. But due to the infinitudes of wordpress installations, each case is different. Different themes and other plugins may break infinite scroll’s functionality.
Customization
This information will probably help styling.
<div id="infscr-page-2" class="infscr-pages">will contain the page 2 content, etc<div id="infscr-loading">is the loading div.
20 comments.
It will not load for me if I don’t edit the path it uses to load the hotness.js manually in the plugin. I have my blog in a sub folder on the server, but it is configured to load when entering the root of the doamain. The script fails to load when it tries to access itself from the path without the sub folder. Again, if I edit the path manually to the full path, including the sub folder, it does work.
Another thing, even when fixed, it doesn’t seem to load at all when displaying posts filtered by tags. Is it supposed to do that or should I edit the plugin myself to get it to work?
I’ve disabled it for now, but thanks for a very interesting plugin in any case! I’ll have to spend more time with it to make it suit my needs.
Thx for digging into the plugin, BOLL. This is great feedback. The first two are bugs and I’ll fix them promptly.
Currently the plugin is disabled for everything but the main page, but I’ll work on enabling it for Archives, Categories, and Tags (and maybe some config for each of those too.)
I have a problem getting this to work, it is possible that I don’t have it configured correctly. When I scroll to the bottom of my main page, I get the “loading next post” graphic, but it never loads any additional posts. The graphic goes away and the older posts are not appended on the end. Thoughts?
Thanks, Len
Sounds like your post or content selectors are not right. If this is Firehole. Your Content selector is
#contentand post selector is
#content div.post.
If its another site, please share the URL so we can take a look.
Paul -
Thanks for the quick reply. I have my selectors set up as you suggested. I have the same issue, the “loading next post” graphic appears and then disappears but no additional posts are displayed. I’ve left the plug-in configured and activated in case you have time to take a quick look.
Thanks!
Len
This plugin is a great concept, but I’d still consider it beta. I can’t get it to work though it says it’s activated. I’ve even tried to use it with the basic WP default theme. Dontcha think the plugin should work “out of the box” with it’s default settings on the default theme at least? Without at least that functionality I can’t figure out how to adapt it to my theme. Thanks!
Gex, things should be working with the WP default theme now.
I accidentally had referenced “wp-infinite-scroll/” in my php code, but the wordpress plugins site was using the folder “infinite-scroll/” without the wp- prefix.
Now it should work out of the box. My bad!
First of I have to say big up for this nice plugin. Unhappily I don’t get it work with the actual wp default theme. Could you please give us a description what to do to get this plugin work with the actual default theme so we can transform it to other themes? Do we need a special arrengement of our html code beside your troubleshooting hints?
Perhaps you can have a look at my website (blog.ralf-hellriegel.de) to figure out what’s wrong.. Thanks!
fixed over email! you’re all set, buddy.
>Currently the plugin is disabled for everything but the main page, but I’ll work on enabling it for Archives, Categories, and Tags (and maybe some config for each of those too.) <
Using a news like theme posts do not show on main page. So, despite a brilliant plug-in…. it would be more if you could consider ‘config’ new update for ‘categories. archives, and tags’ please.
That would be super please if you would.
Thank you
Thanks for commenting freedy, and the feature request. I’ll start on it soon. :)
Everything seems to be working fine, but when scrolled down to the last post the message “Not Found
Sorry, no posts matched your criteria.” keeps on coming instead of displaying the message that there are no more posts to be displayed.
Is it something in the setup that I am doing wrong or a bug in the plugin?
Cheers,
interesting.. I’m pretty sure that it’s your theme. The plugin will die when it hits a 404 status code. If it doesn’t, it’ll keep doing what you see
Hi Paul,
I’m very anxious to get this pugin to work, but whatever I do or try; it just won’t… I think my settings must be:
#content
#content div.entry
div.navigation
If possible, please have a look at my site, but email me first for the login credentials, ’cause it’s shielded.
thanks in advance,
David
I have tried using your plugin but I can’t get it to work. The javascript doesn’t seem to be loading in to the page once the plugin is installed. I have it enabled for all users. Is it possible that it is conflicting with another plugin?
do you have it enabled for all users on http://www.p4th3t1c.co.uk right now?
i dont see it being injected into the source of the homepage.. :/
also the email you left doesn’t seem to work. do you have another?
Yes sorry, just realised I hadn’t set it up after switching servers.
It is enabled for all users.
I have tried disabling Flickr Manager and Google Analytics, which on a quick glance were the only plugins injecting any javascript in to the page.
Your contribution to the world of Wordpress Plugins is tremendous!
I’ve implemented your plug in on a friends blog successfully. However, when I tried to implement it on my personal blog I ran into a problem trying to use it at the same time as a MooTools+Slimbox (a Lightbox variant) implementation.
The website is http://www.doug-peterson.com
Right now if I include:
Then the infinite scroll will not work. Specifically the loading graphic appears, and goes away but that’s it; no addition of posts.
When I do not include those two scripts then Infinite Scroll works as advertised. Absolutely stellar UI improvement.
So if anyone has an idea of how I can get around this problem so I can use floating pics and infinite scrolling then I would greatly appreciate it.
*Double post to correct format issue
————————————-
Your contribution to the world of Wordpress Plugins is tremendous!
I’ve implemented your plug in on a friends blog successfully. However, when I tried to implement it on my personal blog I ran into a problem trying to use it at the same time as a MooTools+Slimbox (a Lightbox variant) implementation.
The website is http://www.doug-peterson.com/wordpress/. Right now if I include: mootools.js and slimbox.js then the infinite scroll will not work. Specifically the loading graphic appears, and goes away but that’s it; no addition of posts.
When I do not include those two scripts then Infinite Scroll works as advertised. Absolutely stellar UI improvement.
So if anyone has an idea of how I can get around this problem so I can use floating pics and infinite scrolling then I would greatly appreciate it.