I’ve tried implementing infinite scroll a couple times and run up against a wall.

Infinite Scroll — Jetpack for WordPress

Instead of having to click a link to get to the next set of posts, infinite scrolling pulls the next posts automatically into view when the reader approaches the bottom of the page. Unlike many of the modules in Jetpack, Infinite Scroll only works with themes that support it. Since each theme is constructed a bit differently, the Infinite Scroll module needs information about the theme to function properly. Via jetpack.me

I found a new tutorial however that I think will had hoped would help me get past that wall.

Integrating JetPack Infinite Scroll with Genesis

Our last couple of blog posts featured the JetPack Infinite Scroll (IS) module.  Here we show you how to integrate the code into a Genesis child theme. Our own Lime Canvas website runs on top of Genesis so you can see the IS in action on our home page. Via limecanvas.com

As I tried it, I wanted to capture the process in a video myself. While the instructions from Limecanvas are excellent, sometimes (I think) it just helps to have a video to see the steps as well, just in case you miss a step along the way, or maybe you miss writing up a step in the blog article, sometimes the video shows what print could not.
Ran into a problem in that Jetpack didn’t want to play nice running on a local (on my computer) install. It’s supposed to be able to run infinite scroll in jetpack since it does not require a connection, but I had no luck.
I even went looking for a different tutorial in case the approach from limecanvas might have missed something.

Jetpack’s Infinite Scroll in Genesis

Update on Tuesday, February 18, 2014: Gary Jones has a released a plugin that does the same as what’s explained below. One of the many modules in Jetpack is Infinite Scroll which loads the next page of posts automatically as visitors reaches the end of posts. To get Infinite Scroll working in your Genesis theme, the first step is to activate the module in Jetpack. Jetpack’s Infinite Scroll in Genesis

That one included two video tutorials….


 
Have you implemented Infinite scroll in Genesis Framework Themes?
I’m curious if there are some themes from StudioPress that work fine and maybe others that do not.  There are a lot of great things about the Genesis Framework for updates and scalability and more, but it does add a layer of complexity when trying to test out some new WordPress capability that hasn’t been re-tuned for the Genesis way….

Pin It on Pinterest

Share This