Are you looking for a way to improve navigation on your WordPress blog by breaking your post listing into pages? Pagination makes it easier for readers to browse your content and find the posts they are looking for, rather than scrolling through an endless list.
With the Blog Listing widget from The Plus Addons for Elementor, you can add pagination to blog posts in Elementor in a few steps.
To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
Best Used For:
- Blog archives with 20 or more published posts where long scrolling would slow down browsing
- News or magazine sites where readers navigate by category or date
- Membership sites listing gated content that need clear page controls for subscribers
To do this, add the Blog Listing widget to the page or template and select the appropriate listing type, style, and layout.
Note: Pagination is not available in the Carousel layout and Single Page Related Posts type listing.
Then go to the More Post Options tab and select Pagination from the Post Loading Options section.
From the Pagination Next and Pagination Previous fields, edit the text displayed on the next and previous page controls respectively. To add previous and next navigation between individual blog posts instead of between listing pages, see How to Add Post Next & Previous Button in Elementor Blog Post?
From the same section, manage the pagination typography, colour, and hover colour.
Now go to the Content Source tab and set the maximum number of posts to display per page in the Maximum Posts Display field.
Depending on the number of posts you have and the number you set in Maximum Posts Display, pagination appears automatically below your blog listing. Set a lower value than your total post count to activate the controls. If you prefer readers to load new posts without leaving the current page, see How to Add Infinite Scroll for Blog Posts in Elementor instead.
Note: To show pagination, you must set a lower number in the Maximum Posts Display field than the total number of posts.
Also, check How to Add Read More Button in Blog Posts in Elementor?
