WordPress Plugin Installation

  1. Download the plugin.
  2. Install it to your /wp-content/plugins/ directory
  3. Activate the plugin in your WordPress Admin UI.
  4. Visit the Settings / Infinite Scroll page to set up the css selectors.
  5. 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 DIV that wraps around all posts. New posts will be inserted at the bottom of this DIV.
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 DIV contains the Next Posts and Previous Posts link.
Previous Posts CSS Selector
This A tag 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 mean 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.

178 Responses to “WordPress Plugin Installation”

  1. Arindam says:

    Hi, Great plugin.
    One thing to ask, how to make its align center ?
    It is now showing in the left.

  2. Sebastian says:

    Hi,

    could it be, that the callback function is not executed since the update on version 2.0b2.110706? If necessary, I can provide my blog’s URL of cause.

    Kind regards,
    Sebastian

  3. Llixhat Capa says:

    best plugin ever. My scroll is amazing now. Thank youuuuu !

  4. ToodsMusnon says:

    The Little White Pills buy sumatriptan online Imitrex can minimise the level of chemicals in the human body which may cause headache pain, sensitivity to sound and light, nausea as well as other migraine related symptoms. http://www.whitesfinejewelry.net/ – generic sumatriptan

  5. Jassy says:

    Can’t get this one to work, but i really want to!

    I’m using the Inove theme with bulk setup (just trying to get this to work) so no plugins.

    This is how the code looks from firebug: http://img11.imageshack.us/img11/7944/inovecode.jpg

    I did my code like this:

    Content CSS Selector: #content
    Post CSS Selector: #content .main .post
    Navigation Links CSS Selector: div.wp-pagenavi
    Previous posts CSS Selector: div.wp-pagenavi a:nextpostslink

    Absolutely nothing happens when i scroll down, it doesn’t even say it’s trying to load something.

    I put debug on but i see no error log anywhere, not sure where this “console.log” should be written but i couldn’t find it.

    Sorry i’m new to this so any help would be greatly appreciated !!

    Thank you

  6. Andy says:

    Any idea how to get this to work on a theme which has WP-Paginate installed by default?

  7. J B says:

    Ironic (and annoying) that the comments on this page do not use infinite scrolling.

  8. Jhon says:

    Nice presentation on this post. From this post I learned couple of recent things and facts for that I can say that probably can be useful for future. Content is written on way that everybody can realize the point of article. Thanks for sharing quality content and interesting facts!

  9. Tim says:

    Great plugin.

    Few things to note:

    1. You should ensure that jQuery is loaded in the header if you haven’t you must edit you header.php page via your “wp-content” themes folder and ensure you insert it.

    2. There is an error via Firebug in wp_infinite_scroll.php – on line 510 – you need to insert ” quotes “. It should look something like this

    function() {
    window.setTimeout('infinite_scroll_callback()', 1);
    });

  10. [...] Kdyby vám plugin nefungoval, prostudujte si návod. [...]

  11. Cuisi says:

    anyone get it working with custom post ?

  12. Kacey Codere says:

    Zune and iPod: Most people consider the Zune to the Soupcon, but after sight how slim and surprisingly littler and lite it is, I ruminate it to be a kinda uncomparable intercrossed that combines qualities of both the Communicating and the Nano. It’s real colorful and lovely OLED sort is slightly smaller than the signature choose, but the player itself feels quite a bit smaller and ignitor. It weighs nearly 2/3 as much, and is noticeably small

  13. Janessa Eichorst says:

    ???????!

  14. I am using wordpress 3.2.1
    I have used Infinite-Scroller Plug In.
    But It is not working.
    please help

  15. Bringdienste says:

    that are the informations i was looking for

  16. Hi

    I have installed correctly and it´s enabled for everybody see the scroll function, although it´s not working, try to see in http://travellerlovers.com and can you please tell me what is wrong. This is a very nice plugin and I want to try it.

    Thank you in advance

    Fabio

  17. Hanna Camille says:

    It seems that infinite scroll crashes IE8 when it loads.

  18. Hanna Camille says:

    WordPress crashes and I get this message.

    add_option was called with an argument that is deprecated since version 2.3 with no alternative available

    And about 20 rows more with error message. It seems that wordpress 3.2.1 don’t like this plugin.

  19. Huskar says:

    It’s great. I have try with wp 3.2 and It’s work. Thanks

  20. Rafael Dourado says:

    Witch callbalck function should I use to make it work with Isotope?

    I tried the one in the Isotope site but got an error because the browser did not reconize the jquery selector…

  21. Copdir says:

    Copdir…

    [...]Wordpress Plugin Installation « Infinite Scroll | jQuery plugin, WordPress plugin, interaction design pattern[...]…

  22. Thanks for the auspicious writeup. It in truth was a amusement account it. Look advanced to more introduced agreeable from you! However, how could we keep in touch?

  23. Eric Uned says:

    Thanks for the plugin! I´ve finally found it.
    Thats what i was looking for.

    Kind regards!!

  24. Lil says:

    Here is the link to the html example folks can copy from for non-WordPress sites. I needed this example myself. :)
    http://www.infinite-scroll.com/trigger.html

  25. Andy says:

    Thanks for a great plugin, but what about Pages (Archives, Categories, and Tags) support?

  26. Carlos says:

    I’m having problems making it work :P

    Can someone give me an example of how I should configure it, to run, for example in the Twenty Ten WP Theme.

    Thanks.

  27. ingridl says:

    Hi.. I want this plugin so bad. but I tried a lot of CSS Selector, but nothing worked. I`m using the Page Lines theme witch is html 5 css3 . Thanks a lot!