Are you looking for a method to add Infinite Scroll to your WordPress blog?
Infinite Scroll means that when a reader reaches the end of your page, more content loads automatically.
You can either enable this automatically as the user scrolls or clicks, without having the user click on a ‘show more’ button.
Infinite scrolling makes it easier to consume content on your site.
Some examples of infinite scroll design are social media sites like Facebook, Twitter, Instagram, Pinterest, and more.
On these social media sites, the content loads infinitely on your timeline.
A few cons of having infinite scroll enabled on your site:
- Readers might get overwhelmed by seeing a bunch of content showing up one after the other
- Your footer won’t be visible as it is right at the end of the apge, when all of your content ends
- Navigration can be a little harder since the reader can’t go back to a specific page number
In this post, we will learn a quick way of adding infinite scroll to a WordPress site.
Add infinite scroll using Catch Infinite Scroll plugin
Install and activate the Catch Infinite Scroll plugin. If you’re not clear about what are WordPress plugins, read this guide.
Go to your WordPress Dashboard > Plugins > Add new and then type and search for ‘catch infinite scroll plugin’.
As the installation process gets completed, the install button will change to activate.
Click on it to activate the plugin.
Catch Infinite Scroll will now be visible in your Dashboard. Click on it to see the plugin settings.
The ‘Load On (Trigger on)’ lets you choose how you want the content to be loaded. It can be set to scroll, click, and a ‘load more’ button.
Select the scroll option out of the three available.
The rest of the settings are okay as it is, you don’t have to change them.
In the end, there is an Image option where you can add a content loader icon. By default, it has a loader GIF image.
Also Read: https://garimashares.com/7-ways-to-make-your-wordpress-site-load-faster/
You can upload a custom load icon if you have one.
You will see a ‘Finish Text’ option which lets you edit the text that will be displayed when the reader reaches the end of all of your content.
Once done, click on the Save Changes button.
That’s it! You’ve now added infinite scroll to your site.
Let’s connect on Facebook, Twitter, and Instagram
Subscribe to never miss a post!