< Neo22s />

Few days working on this guys…

This is officially my first WordPress plugin!

Well…I didn’t develop an entire plugin I did a “Combo” of 2 existing WP plugins Infinite Scroll and WP-PageNavi. Also I included the script jsScroll.

With this combination what we get is:

Infinite scroll for your site with “paginator” and an easy way to go to the top/botttom.

Why?

I tried Infinite Scroll and I liked so much! I think is a really good idea, but has some “problems”.

The user loses the perception of “In witch page am I” and also the people that is not using JavaScript can’t browse your site properly. Also bots couldn’t follow  your entire site.

Solution:

We need a pagination that is updating meanwhile I’m scrolling down/up.

For pagination in WordPress we have the great work of Lester on WP-PageNavi, what I did is modify it to have some HTML tags with ID. Then I updated the Infinite Scroll to do an update on that field every time the action is performed.  When that action is done I keep the position of the Y in the screen in an Array to use it later when you go up/down. To control the scroll I wrote a simple JavaScript that control each movement on the scroll from you page an compares it with the Array of the Y, if there’s a match we update WP-PageNavi.

As I said before I included jsScroll for later making easier to the user going to the top or bottom :D

DOWNLOAD (already in WP :D )

Demo in the home of this site!!!

Installation:

To install it you can do as any other plugin of WP.

NOTE: This will install to you only one plugin but with 2 different pages of configuration.

• Upload (you can do it to from the control panel) it to your /wp-content/plugins/ folder and activate it!
• The you need to configure Infinite Scroll (be carefull doesn’t work with all the themes)
• Change something in WP-PageNavi if you want to
• Open your homepage and it should appear in the bottom right corner

Support can be found in the forum.

I hope you like the effect as much as I do! I’m playing with it all day!

Also I will like to thank the developers from Infinite Scroll and WP-PageNavi, because without their work this would be not possible.

Related posts:

1. jsScroll – Smooth scroll for your site
2. WP-PageScroll 0.2
3. WP-Datediff – Plugin for WordPress
4. Twitter Badge for WordPress
5. Java Runtime Environment on Ubuntu 64bits and Firefox plugin