All TalkersCode Topics

Follow TalkersCode On Social Media

devloprr.com - A Social Media Network for developers Join Now ➔

WordPress Pagination With Numbers

Last Updated : Mar 11, 2024

WordPress Pagination With Numbers

In this article we will show you the solution of WordPress pagination with numbers, at the bottom of archives pages, WordPress themes automatically include Next and Previous links. The difficulty is that they aren't really user-friendly.

To make it simpler for visitors to explore their archive pages, several well-known blogs employ numeric pagination.

The bottom of archive pages on WordPress themes automatically include Next/Previous links.

The difficulty is that they aren't really user-friendly. To make it simpler for visitors to explore their archive pages, several well-known blogs employ numeric pagination.

A list of all posts is displayed on the archive page of most themes. Your WordPress blog archive page will grow to fill numerous pages as you add more posts.

Pagination links, which normally appear at the foot of your WordPress website, assist users in navigating between archive pages.

Some WordPress themes employ the links "Older posts" and "Newer posts" to paginate the content.

The visitor can only advance or rewind one page using this, though. Visitors may find it more challenging to navigate your blog's archive as a result. Numeric pagination can help with it.

Numerical pagination displays a number of numbers that allow users to jump to a particular page in the archives rather than displaying "Older" and "Newer" links.

To display the current page in numerical pagination, highlights or other colors may also be used, ensuring that the user always knows where they are within the archive.

Step By Step Guide On WordPress Pagination With Numbers :-

  1. Installing and activating the WP-PageNavi plugin must come first. For further details, please see our detailed guide on installation a WordPress plugin.WordPress Pagination With Numbers
  2. To modify the plugin settings after activating the plugin, navigate to Settings » PageNavi.WordPress Pagination With Numbers
  3. Any of the standard pagination text can be changed with your own material in this section.WordPress Pagination With Numbers
  4. The links for the numerical pagination can also be modified.
  5. As the in "Number Of Page To Display" box, you may choose how many webpages the plugin should show in the pagina area of your website.WordPress Pagination With Numbers
  6. By default, this is set to 5, which means WP-PageNavi will display links to 5 pages directly.
  7. You could choose to display more or fewer pages. Simply enter the new value in the "Number Of Pages To Show" field to make this modification.WordPress Pagination With Numbers
  8. The plugin will display multiple larger numbers by default.
  9. Go to a bottom of the page and select the Save Changes button after making any modifications to the WP-PageNavi settings.WordPress Pagination With Numbers
  10. Your WordPress theme needs a template tag added after that. To accomplish this, we advise making a template and then modifying the code of the child theme.
  11. You can safely upgrade your WordPress theme without losing your customised numeric pagination by making a child theme.
  12. Select Settings » PageNavi and copy the plugin code there. Then, locate the "Use pagenavi-css.css" section and select the "No" radio button that is located next to it.WordPress Pagination With Numbers
  13. Do not forget to save button
  14. Next, go to Plugins » Plugin File Editor.WordPress Pagination With Numbers
  15. You can then open the ‘Select plugin to edit’ dropdown and choose ‘WP-Page Navi’. After that, you’re ready to click on ‘Select.’WordPress Pagination With Numbers
  16. In the right-hand menu, click on the pagenavi-css.css file.WordPress Pagination With Numbers
  17. Then, go ahead and copy all the code in this file.WordPress Pagination With Numbers
  18. Next, simply go to Appearance » Theme File Editor.WordPress Pagination With Numbers
  19. In the right-hand menu, click on your theme’s style.css file.
  20. You can now paste your pagenavi-css.css code into the theme’s style.css file, and start making your changes.

Conclusion :-

Pagination links, which normally appear at the foot of your WordPress website, assist users in navigating between archive pages. Some WordPress themes employ the links "Older posts" and "Newer posts" to paginate the content. I hope this article on WordPress pagination with numbers helps you and the steps and method mentioned above are easy to follow and implement.

Author Image About Ashish

Ashish is a dynamic and motivated individual with a passion of programming and an experienced programmer having 3+ years of experience in various languages like Java, Python, HTML, CSS, JavaScript, jQuery and various frameworks like Bootstrap

Follow Ashish On Linkedin 🡪