In this tutorial you are going to learn “how to add numeric pagination in WordPress” or how can you change “Older Posts” and “Newer Posts” to “1,2,3,…5 Next>“. This light coded Pagination can be added to any free/premium WordPress theme without using any plugin. Let’s dive in to add Pagination in your WordPress Theme.
What is Numeric Pagination?
Numeric Pagination is the process of dividing blog posts into discrete pages. In any WordPress blog its a feature which prevents to load all articles at once and provides more user friendly, attractive interface by dividing selected posts per page into numbered navigation.
Frequently asked questions about Numeric Pagination
Is it Possible to add pagination in WordPress?
Is it possible to add Pagination without plugin in WordPress?
Is it possible to add Numeric Pagination on free WordPress theme?
Is it possible to add Pagination in any WordPress theme?
Can I add Numeric Pagination in my WordPress theme?
Ans: Yes. For adding numeric pagination you don’t have to be an it expert. Anyone without having any coding knowledge can add numeric pagination in their WordPress theme just by using some piece of codes.
How to add numeric pagination in any WordPress theme (free/premium) without plugin
Steps to add Pagination in your wordpress theme:
- Go to home.php
- Find <?php endif;?>
- Paste these codes right after <?php endif;?>
<center><div class=”archive-pagination pagination”>
<?php global $wp_query;
$big = 999999999; // need an unlikely integer
$translated = __( ”, ‘extracatchy’ ); // Supply translatable string
echo paginate_links( array(
‘base’ => str_replace( $big, ‘%#%’, esc_url( get_pagenum_link( $big ) ) ),
‘format’ => ‘?paged=%#%’,
‘current’ => max( 1, get_query_var(‘paged’) ),
‘total’ => $wp_query->max_num_pages,
‘before_page_number’ => ‘<span class=”screen-reader-text”>’.$translated.’ </span>’
) ); ?></center>
You’re done! Just save your home.php file and visit your blog your old “Older Posts” and “Newer Posts” would be replaced by “1,2,3,…5 Next>“.
How to Customize/design numeric pagination in WordPress
Just take inspiration from any blog design and inspect the css codes of that pagination and paste it in your style.css page. You can have any design you want.
◆ Last Word: That’s it guys. Hope you all were benefited by this article. If you have questions relation implementation of the code, Please let us know in comment section. Also, if you successfully added “Pagination” in your WordPress theme do share this article on social media websites & recommend us to write new posts. Thanks for reading.