WordPress Infinite Scrolling Website Tutorials

Infinite scrolling is a great way to keep visitors engaged while showing them a lot of content. Using the endless scrolling technique, you can show your visitors multiple articles on the same page without them having to click to a next page, or show them a large number of content parts without having to load the all initially, saving valuable load time and keeping your visitors on your site.

WordPress is a very popular CMS, especially for blogs and smaller companies. These tutorials range from setting up the jetpack plugin to creating custom jQuery implementations for infinite scrolling. To view a tutorial, simply click on the preview image or on the title of the tutorial.

How to Add Infinite Scrolling to Your WordPress Site

A tutorial by Raelene Wilson on how to add infinite scrolling to a WordPress site using the Jetpack plugin. This include codes both to enable infinite scroll in officially supported and unsupported themes.

How to Create Infinite Scroll Pagination

An informational tutorial made by Mohd Hadihaizil Din introducing the use of jQuery plugin in creating infinite scroll pagination. The step-by-step procedures in this tutorial explain how to build infinite scrolling into a website.

How to Add Infinite Scroll to your WordPress Blog

This is a tutorial made by the editorial staff from wpbeginner on how to add infinite scroll to a WordPress blog. It uses an jQuery JavaScript Infinite Scroll plugin library to achieve the effect.

WordPress Tutorial: How to Create an Infinite Scrolling WP site

This is a WordPress tutorial for creating an infinite scrolling WordPress website by Rochester Oliveira using a JavaScript plugin. The tutorial contains PHP codes for loading pages, as well as custom post types.

Enabling Infinite Scroll For WordPress Theme

This is a WordPress tutorial from Thoriq Firdaus on enabling infinite scroll in a WordPress theme using the Jetpack plugin.

How to enable infinite scroll in your WordPress site

This is a tutorial made by WPcoke on enabling infinite scrolling in WordPress site using the Jetpack plugin. The tutorial uses PHP codes to show how to enable infinite scrolling, both in supported and unsupported themes.

Add Infinite Scroll to a WordPress Theme

A tutorial, written by Devin, about adding infinite scroll to a WordPress theme using the Jetpack WordPress plugin.

Add Infinite Scroll in WordPress Without Plugin

This is a tutorial made by CTRL Q on how to add infinite scrolling to a WordPress website without using a plugin. The tutorial uses WordPress’s AJAX functionality to create the infinite scroll effect.

Jetpack and the Infinite Scroll

This is a tutorial made by Otto about using the Jetpack plugin for WordPress to create infinite scrolling. The tutorial consists of using codes with HTML to implement the Jetpack plugin.

JetPack Infinite Scroll + Masonry

This is a tutorial made by Devin on creating infinite scrolling with Masonry for layout. The tutorial combines jQuery, Jetpack and Masonry plugins to achieve the infinte scroll effect for a WordPress website.

Jetpack’s Infinite Scroll in Genesis

This is a tutorial made by Sridhar Katakam using the Jetpack WordPress plugin. It provides instructions for activating Jetpack’s infinite scroll in Genesis for WordPress.

Using the Infinite Scroll Module in JetPack – Lime Canvas

This is a tutorial made by Wil about implementing the infinite scroll module in Jetpack to create an infinite scrolling webpage and integrate it with a WordPress theme.

How to Activate Infinite Scroll to WordPress – WP Template

This is a tutorial published on WP Template about how to add infinite scrolling to WordPress using jQuery.

Add Infinite Scroll to Your WordPress Theme Using Jetpack – Tyler

This is a tutorial made by Tyler Longren about adding infinite scroll to a WordPress theme using the Jetpack plugin. This is a quick tutorial and shows the code for adding it to a WordPress webpage.

How to Make Infinite Scroll on Homepage in WordPress Blogs

This is a quick tutorial published on Soft Stribe about enabling infinite scrolling on WordPress website using the infinite-scroll JavaScript plugin. This include steps in installing and activating infinite-scroll.

Infinite scrolling in WordPress themes – The Storyteller

This is a tutorial made by Hasin Hayder about adding infinite scrolling to a WordPress theme using jQuery plugin. It is consists of codes for Window Scrolling, DOM elements, WordPress settings, and JavaScript settings.

Add Infinite Scroll in Genesis Theme – WPVKP

This is a tutorial made by Vivek Kumar Poddar about adding infinite scrolling in a Genesis theme, focusing on 2 quick steps to set up the effect.

Add infinite Scroll of automatic post loading in WordPress

This is an article with a tutorial published on Basic WordPress about adding infinite scrolling and automatic post loading in WordPress using a plugin.

How to Setup Infinite Scroll in WordPress using Jetpack 2.0 – BeginWP

This is a tutorial on how to setup infinite scrolling in WordPress using the Jetpack 2.0 plugin. This includes the manual configuration of infinite scroll module on Jetpack.

Enable Infinite Scroll for Your WordPress Theme with Jetpack Plugin

This is a tutorial made by Animish about enabling infinite scrolling for a WordPress theme using the Jetpack plugin. This provides codes in installing infinite scroll using Jetpack.

Infinite Scroll – Add Infinite Scroll to WordPress Theme – CtrlQ

This is a quick tutorial published on CtrlQ about how to add infinite scroll to WordPress theme using the Jetpack plugin.

What is Jetpack and How to use it – WordPress Websites and Blogs

This is a tutorial written by Kim Bruce describing how to implement infinite scrolling on a WordPress website using the Jetpack plugin. This includes a step-by-step procedure, with pictures, of how to install the Jetpack plugin.

Make WordPress Jetpack Infinite Scroll Work with a Genesis Grid Loop

This is a tutorial by Bhagwad Park in about integrating the WordPress Jetpack infinite scroll plugin with a Genesis Grid Loopn. This include pictures and codes in enabling infinite scrolling effects.

Making the SyntaxHighlighter Evolved Plugin Work with Infinite

This is a tutorial by David Young in making the SyntaxHighlighter evolved plugin work with infinite scrolling on WordPress sites using Jetpack plugin. This includes codes on how to highlight text as users scroll the page.

Pinkman: Yay Jetpack! Jeremy Herve

This is a tutorial made by Jeremy Herve about setting up Jetpack’s infinite scroll module to give easy access to all of your WordPress blog’s posts. This include processes on how to include Jetpack’s features.

How To Customize Jetpack Infinite Scroll – Tricks Panda

This is a tutorial written by Hardeep Asrani on how to customize infinite scrolling using the Jetpack plugin in a WordPress website. The tutorial includes code for: type, footer widgets, container, wrapper, and render parameter.

WordPress infinite scroll tutorial – Ante Sarkkinen

This is a WordPress infinite scroll tutorial made by Ante Sarkkinen using jQuery and the Jetpack plugin.

Advanced Jetpack: Infinite Scroll Progress Bar

This is a tutorial published on Pixel Union about creating an infinite scroll progress bar using jQuery and the Jetpack plugin. This includes code about: declaring support, in creating the click handle, events, making progress bar, and the finite plugin to make implementation easier.

How to Make Your Website Easy to Filter by Category Digitallyy

This is a tutorial published on Digitallyy about how to build an infinite-scrolling WordPress site with Masonry for layout, the infinite-scroll plugin, and jQuery for coding.

Cool CSS Loading Effects for Grid Images – TutsMix

This is a tutorial written by Luigi Petrut about adding CSS loading effects for grid images loaded in a WordPress infinite scrolling website. This includes jQuery, Masonry, HTML, CSSS code for pagination.

Recreating the Design Samsung Grid Loading Effect

This is a tutorial written by Mary Lou about recreating the Design Samsung grid loading effect using the Masonry library and WordPress.

Infinite Ajax Scroll

This is a tutorial published on Okilla about creating an infinite scrolling WordPress website with jQuery and Masonry for layout. This include codes for integrating AJAX in Google analytics and jQuery-based Masonry.

Get your Pinterest Site in 6 Simple Steps Dolody

This is a tutorial made by Noura Yehia in creating an infinite scrolling WordPress site in 6 steps. To achieve the endless scroll effect, it uses jQuery and the Masonry library.

Infinite Scrolling jQuery Demo

This is an infinite scrolling jQuery demonstration made by Chandra Sekar using jQuery and the Masonry library in WordPress. This include codes for implementing the Masonry plugin, jQuery usage, and infinite scrolling with AJAX.

A Better Behaved Infinite Scroll

This is a tutorial by Jesse of Plastic Mind about creating a smoother infinite scrolling webpage, targeted for users of mobile devices. It includes code for jQuery-based JavaScript and the infinite-scroll plugin for WordPress.

How to Use Masonry to Add Pinterest Style Post Grid in WordPress

This tutorial details how to use Masonry to create an infinite scrolling website with jQuery code and a grid created with the Masonry library. This include 6 steps on how to initialize the process and get the site running.

Parallax Web Design

Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.

Parallax Web Design Resources

Parallax Technologies

Tools to create parallax scrolling websites: jQuery, Skrollr.js, Stellar.js, CSS

Parallax Tutorials

A Simple Parallax Scrolling Tutorial about how parallax scrolling works.

Tutorials for creating parallax websites using: jQuery | Stellar.js | Skrollr.js | CSS

Infininite Scrolling Web Design

Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.

Infinite Scroll Tutorials

Tutorials about how to build an infinite scrolling website, including: WordPress, Drupal, Blogger, jQuery, Jetpack, Masonry, Isotope, and the Infinite-Scroll plugin for WordPress.

Infinite Scroll, Card Design Tutorial

How to build an infinite scrolling website with card design using Masonry, AJAX, JavaScript, PHP, and MySQL.

Website Crawlers

Looking to download a lot of data? Need to find the exact information in a gigantic internet haystack that you are looking for? These resources are designed to help you build spiders, crawlers, and other tools to obtain data from the internet.

Website Crawler Tutorials

Website Tools

These tools are designed to help you build your website, add content, and improve your website’s appearance.

Javascript Graphing Libraries

Node.js Tutorials

How to install, program for, and implement Node.js for scalable and easy server-side Javascript for quick AJAX-style processing.

Parallax Website Design Techniques

Create websites with parallax scrolling using: jQuery.js | Stellar.js | Skrollr.js | CSS

Reveal.js

Website Theme Resources

Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.

Website Theme Research

Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.

Theme Forest Analysis Report

Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.

Analysis of Parallax Scrolling in Website Themes

Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.

WordPress Themes

Top Ranked WordPress Themes

The best WordPress themes for a new website, as calculated by our WordPress Theme Search Engine. These themes are selected for reliability, quality, popularity, and many other factors.