Infinite scroll loads new blog posts automatically as visitors reach the bottom of the page, removing the need to click through pagination. Adding it to your WordPress blog keeps visitors browsing without interruption.
With the Post Listing block from Nexter Blocks, you can add infinite scroll to your blog post listing directly in the WordPress block editor.
To check the complete feature overview documentation of the Nexter Blocks Post Listing block, click here.
Best Used For:
- Blogs and news sites with large post archives where continuous content loading keeps readers browsing longer
- Portfolio and creative sites that prefer seamless browsing without pagination buttons interrupting the reading flow
- Magazine-style WordPress sites where keeping readers engaged with fresh content as they scroll increases session depth
Requirement – This block is a part of Nexter Blocks, make sure it is installed and activated to enjoy all its powers.
To do this, add the Post Listing block to the page, and select the appropriate listing type, post type, style and layout.
Note: Lazy Load is unavailable in the Carousel layout and Single Page Related Posts type listing.
Go to the Extra Options tab and select Lazy Load from the More Post Loading Options dropdown.
In the Post View OnClick / OnScroll field, set how many posts will load at once on scroll.
From the All Post Loaded Text field, set the text that appears when all posts are loaded.
From the Disable Animation toggle, disable the post loading animation so posts load without animation.
Go to the Query tab and set a maximum number of posts in the Display Posts field.
Depending on the number of posts you have and the number set in the Display Posts field, you will see posts loading automatically as you scroll down.
Note: To have infinite scrolling, you must set a lower number in the Maximum Posts Display field than the total number of posts.
If you want visitors to browse search results with numbered page navigation instead, see how to add Ajax pagination to search results in WordPress using Nexter Blocks.
Also, see How to Add Read More Button in Blog Posts in WordPress? for a click-based loading alternative on the Post Listing block.
