How to Add Pagination in WordPress Post Split into Multiple Pages

split WordPress post to multiple pagesIf you are looking for the quickest way to add pagination in WordPress post so that you split it into several pages this should be the guide for you. There are several reasons why you may want to add pagination in WordPress post but the most common reason is to showcase different content within a single WordPress post and reduce the number of times a user has to load different posts.

WordPress Post Split into Multiple Pages

Luckily WordPress comes with a pagination option that helps to split WordPress post into multiple pages and this can also be applied to split the page to several pages as well.

Different users have varying experiences with the split pages and for me, I find it cumbersome especially when the content is in a list post and you have to click on the next and previous buttons to see the other item on a list as shown on this image:

It is common to see a WordPress post about a list of things split into multiple pages and it becomes cumbersome to move from one page to another.  In my view, this increases leads to poor user experience although it increases the page views on your website.

If this is what you want to implement to split a post to multiple pages, you need to add pagination in WordPress post that will results in multiple pages as you will see in my example.

Add Pagination in WordPress Post

To add pagination in WordPress post, you should use the <!—nextpage-- > HTML comment that splits the post into pages. This comment should be added to the HTML view of your post and this should work seamlessly.

So on your WordPress classic editor click on the HTML view as shown on the image below and add the <!—nextpage-- > tag the point where you want to split the page as I have shown on the image below:

add pagination in WordPress post

When you add this tag in the text mode / HTML mode and update you should see the changes in the front side as shown below where the post has been split into two pages:

add pagination in WordPress post

Split WordPress Post into Multiple Pages

You can add more tags to add pagination in WordPress post and split if further into multiple pages as I have added on the image below:

split wordpress post into multiple pages

This will result in splitting the post into several pages and will add pagination in WordPress post that has the numbers as shown on the image below:

You can style the pagination numbers appropriately to improve the appearance or they can take the same classes used in your other pagination as I explained in this post on how to add numeric pagination in WordPress.

Add Pagination in WordPress Post Gutenberg Editor

This pagination can also be added to the Gutenberg WordPress editor and inside the text block. You should click on the HTML mode as shown below and add the next tag the same way you added in the classic editor

add pagination in WordPress post

To create beautiful pagination you can add some styles

If you like this styled WordPress post pagination on Storefront WooCommerce theme, you can use the CSS code below to add the same pagination styles to your WordPress post pagination:

.post-page-numbers {
    background: #b345b3;
    padding: 10px 20px;
    color: #fff;
}

Conclusion

To add pagination in WordPress post does not require you to write any special code since you have the next tag that can be added to the WordPress post content in the HTML mode to split the post to multiple pages.


Customer Reviews

NJENGAH

Customer Reviews

Jeffrey Todd 04/07/2020

Exceptional Plugin & Service

I'm in the process of building my new website, and I had a question about changing some text within the WooCommerce plugin. I was spinning my wheels trying to figure it out. Joe reached back and worked with me - going above and beyond! - until I fully understood how to effectively change what I wanted. How can you ask for more than that? I highly recommend WooCommerce (and Joe!), the plugin and service are exceptional!
-Jeffrey Todd (MyLifeChart.com)