--- title: "How to Add Infinite Scroll to Blog Posts in WordPress?" url: https://nexterwp.com/docs/add-infinite-scroll-to-blog-posts-in-wordpress/ date: 2023-05-06 modified: 2026-09-22 lang: en author: "Aditya Sharma" description: "Numbered pages ask the reader to make a decision and click. On a browsing page, where nobody is looking for anything specific, that is friction. Infinite scroll loads the next..." image: https://nexterwp.com/wp-content/uploads/2024/05/add-infinite-scroll-to-blog-posts-in-wordpress-1024x519.jpg word_count: 499 --- # How to Add Infinite Scroll to Blog Posts in WordPress? ## Key Takeaways - Nexter Blocks Post Listing supports infinite scroll in the free edition, and it is switched on under Nexter > Blocks in the WordPress dashboard. - The block writes its paging data into a data-dypost attribute on the published page, including page, total_page, load_more, load_class, loaded_posts, and loadingtxt. - Infinite scroll makes the footer unreachable while posts keep loading, and posts that appear only after several loads are not reliably discovered by search engines. Numbered pages ask the reader to make a decision and click. On a browsing page, where nobody is looking for anything specific, that is friction. Infinite scroll loads the next set of posts as the reader reaches the bottom, so the list just keeps going. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-post-listing/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Post Listing, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Noticeably more posts than one page shows**, or there is nothing to load. ## Steps - Select your **Post Listing** block. ![The Post Listing block](https://nexterwp.com/wp-content/uploads/2023/05/post-listing-layout-lazy-load-new.png) - Set how many posts load at a time. ![Setting the batch size](https://nexterwp.com/wp-content/uploads/2023/05/post-listing-layout-query-display-posts-new.png) - Set the pagination option to the **infinite scroll** style. ![Choosing infinite scroll](https://nexterwp.com/wp-content/uploads/2023/05/post-listing-lazy-load-demo.gif) - Publish and scroll the real page to the bottom of the listing. ## How It Behaves The block carries the paging information the loader needs, and fetches the next batch as the reader arrives. - **Measured on a published page:** the `data-dypost` attribute carried `page`, `total_page`, `load_more` and a `load_class` that identifies this listing, which is what the loader uses to fetch the next batch.- **It also carries the finished message.** Measured: `loaded_posts` holds the text shown once every post has loaded, and `loadingtxt` the text shown while fetching.- **Each batch is a request.** The posts are not all in the page at the start, which is the difference from simply showing more posts.- **Everything ends up in one attribute.** The block writes its whole query configuration into a `data-dypost` attribute on the published page, so if a setting is not doing what you expect, that is where to look.- Measured with Nexter Blocks Pro deactivated: the listing still renders its posts. The block itself is free. ## Limitations - **The footer becomes unreachable** while posts keep loading, which frustrates anyone looking for contact details or links down there.- **It is hard to return to a position.** A reader who follows a post and comes back lands at the top again.- **Search engines do not scroll.** Posts that only appear after several loads are not reliably discovered, so do not rely on it for indexing.- **Every batch is another request**, so a long scroll is a lot of round trips on a slow connection.- **A load more button is often kinder**, because it keeps the reader in control. ## Troubleshooting ### Nothing loads when I reach the bottom There may be nothing left to load. Check the listing is limited to fewer posts than you have, and that you are on the published page rather than the editor. ### I cannot reach my footer That is the known trade-off with infinite scroll. Switch to a load more button or numbered pages if the footer matters. ### It loads the same posts again Two listings on the page are sharing paging state. Keep one infinite listing per page. ### Will Google see all the posts? Not reliably. Anything that only appears after several loads may not be discovered. Keep a paginated archive as well. ## Related Docs - [Add pagination to blog posts](https://nexterwp.com/docs/add-pagination-in-blog-posts-in-wordpress/)- [Add a read more button to blog posts](https://nexterwp.com/docs/add-read-more-button-in-blog-posts-in-wordpress/)- [Add post listing in WordPress](https://nexterwp.com/docs/add-post-listing-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before adding infinite scroll to WordPress blog posts?** A: Infinite scroll in Nexter Blocks is set up on the Post Listing block, and it works in the free edition as well as Nexter Blocks Pro. The page also notes that it only makes sense when you have more posts than one page shows, otherwise there is nothing to load. That matters because the loader needs a second batch to fetch, so a tiny archive will not show any real effect. **Q: How do I add infinite scroll to blog posts in WordPress?** A: The core setup is simple: select the Post Listing block, set how many posts load at a time, switch pagination to the infinite scroll style, then publish and test the real page by scrolling to the bottom. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides this inside the Post Listing block rather than as a separate plugin flow. **Q: Why does infinite scroll stop at the footer on a WordPress blog?** A: That is expected behavior with infinite scroll. The page keeps loading new batches as you reach the bottom, so the footer becomes unreachable while loading continues. That trade-off is why the page calls out load more buttons and numbered pages as better choices when contact details or footer links matter. If the footer is important, infinite scroll is usually the wrong pattern. **Q: Does infinite scroll work well for SEO on blog archives?** A: Search engines do not scroll, so posts that only appear after several loads are not reliably discovered. The practical takeaway is that infinite scroll should not be your only archive strategy if indexing matters. The page recommends keeping a paginated archive as well, which gives crawlers a stable set of URLs instead of relying on content that appears only after repeated requests. **Q: Why are my WordPress blog posts loading twice with infinite scroll?** A: That usually means two listings on the same page are sharing paging state. The page’s fix is blunt: keep one infinite listing per page. This matters because each batch uses paging information from the listing itself, so duplicated state can make the loader fetch the same batch again instead of moving forward. **Q: Is there a better option than infinite scroll for blog archives?** A: A load more button is often kinder for readers because it keeps them in control instead of forcing endless requests. The page also points out that numbered pages make sense when people may want to jump around or return to specific positions later. For archives where footer access and SEO matter, pagination or load more is usually safer than endless scrolling.