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.
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.
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.
This is a WordPress tutorial from Thoriq Firdaus on enabling infinite scroll in a WordPress theme using the Jetpack plugin.
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.
A tutorial, written by Devin, about adding infinite scroll to a WordPress theme using the Jetpack WordPress 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.
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.
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.
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.
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.
This is a tutorial published on WP Template about how to add infinite scrolling to WordPress using jQuery.
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.
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.
This is an article with a tutorial published on Basic WordPress about adding infinite scrolling and automatic post loading in WordPress using a plugin.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
This is a tutorial written by Mary Lou about recreating the Design Samsung grid loading effect using the Masonry library and WordPress.
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.
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.
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.
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.
Infininite Scrolling Web Design
Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.
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.
These tools are designed to help you build your website, add content, and improve your website’s appearance.
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.
Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.
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.
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.
How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.
These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.
Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.
Themes built for making professionally designed portfolios.
Themes built for making small, medium, and large business websites.