Apr 23, 2020 | Divi Resources

How to add numbered pagination in Divi blog module

By default, text pagination is available with the Divi blog module. And some text customizations, which allows you to tweak it a little more. But if you want numbered pagination, then there’s no such option in the Divi theme. So, in this article, I am going to share how you can achieve that using the WP-PageNavi and Divi Blog Extras plugin.

Add numbered pagination using the WP-PageNavi plugin

To add numbered pagination in your Divi blog using the WP-PageNavi plugin, the first thing you need to do is install it. Then, activate it, and you’ll get the following setting in your WordPress dashboard.

WP-PageNavi WordPress Dashboard settings

In this settings area of the WP-PageNavi plugin, you get multiple options to create numbered pagination. But before we apply some changes, first take a look at the default Divi blog module pagination.

Default pagination of Divi blog module

And, after applying the settings that come with WP-PageNavi plugin, we can get the numbered pagination shown below.

Numbered pagination achieved using the WP-PageNavi plugin

Now, if you want to change the numbered pagination style using this plugin, you can do it. It’s simple; all you have to do is head over to the pagination style menu in the plugin’s setting. And from the drop-down menu, choose Drop-down List, save changes, and your numbered pagination has adopted the new style.

Here’s the style we get after saving changes.

Drop-down list numbered pagination by WP-PageNavi plugin

Add numbered pagination to the Divi blog module using the Divi Blog Extras plugin

Divi Blog Extras is a premium plugin that not only adds numbered pagination; it also provides users 6 layout options to create a blog page. Using this plugin, you’ll be able to add numbered pagination as well as Ajax load more pagination.

  1. To achieve that, first, you need to purchase the Divi Blog Extras plugin, install it, and then activate it.
  2. After activating the plugin, add its module to the page where you’ve already created your blog page. Or create a new page, if you want all new blog page for your Divi theme website.
  3. Once the module gets added to the page, your posts would appear with the Grid Extended layout. And there would be no pagination. We have to do it manually.

Enable Divi Blog Extras’ pagination option

To enable pagination in the Divi Blog Extras module, first, go to the Content Tab, then head over to the Pagination settings.

Divi Blog Extras Pagination Settings Ajax

Here, check the Show Pagination toggle as “YES,” and you’ll get the following pagination style.

However, it’s the Ajax pagination style that Divi Blog Extras offer. To add numbered pagination using this plugin, move on to the next step.

Select numbered pagination in Divi Blog Extras

In the same pagination settings of the same plugin, click the drop-down Pagination Type list, and choose Numbered.

Upon choosing the numbered pagination style in Divi Blog Extras, you’ll get the following pagination on your Divi theme blog. And it looks much better than the previous pagination style (WP-PageNavi’s and native Divi blog module’s).

Summary

In this post, we’ve shown you how you can apply numbered pagination to the Divi blog module. We’ve used the WP-PageNavi plugin, and Divi Blog Extras to achieve our numbered pagination style. Both plugins are good to add numbered pagination, but Divi Blog Extras adds more features to it. This plugin provides numbered pagination as well as Ajax pagination. Plus, 6 blog layouts for the Divi theme that are attractive and beautiful. In addition to these, Divi Blog Extras also give users the possibility to create custom 40+ blog layouts. Go and check them out now!

Posted By:
Vishvendra
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Divi Flexile Footers – A pack of Ultimate Divi Footers

Divi Flexile Footers – A pack of Ultimate Divi Footers

Footers provide users with a lot of useful information, whether it is the footer menu, short info about the business, or social icons. You can use a Divi footer to emphasize your website’s bottom area for better user interaction and get multiple goals fulfilled, such...

How to add an Ajax Add to Cart button to Shop module in Divi

How to add an Ajax Add to Cart button to Shop module in Divi

By default, when you insert the shop module in the Divi theme, you don't get any add to cart button. The shop module only displays products with pricing, sale tag (if the products are on sale), and a sorting filter, but no "Add to Cart." However, you've probably seen...

Divi Flexile Headers – A pack of Ultimate Divi Headers

Divi Flexile Headers – A pack of Ultimate Divi Headers

Headers are an essential part of a website. From assisting users navigating the site pages to pages to bring leads to a business, headers play a key role. And with the Divi headers available in the Divi Flexile Headers, you’ll be able to enhance this role in doubles....